Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS3] @font-face: czcionka .ttf nie działa pod IE8
NetPax
post 16.02.2013, 19:34:16
Post #1





Grupa: Zarejestrowani
Postów: 33
Pomógł: 1
Dołączył: 30.11.2011

Ostrzeżenie: (0%)
-----


Witam,

nie chce wyjść na ignoranta który nie znalazł odpowiedzi w Google (choć szukałem) ale mam taki problem:

chce umieścić czcionkę poprzez @font-face, jest to czcionka .ttf. Stosuję (podobno "bulletproof") takie rozwiązanie wygenerowane na FontSquirell z czcionki http://www.google.com/webfonts/specimen/Reenie+Beanie (ona jest .ttf)

@font-face {
font-family: 'reenie_beanieregular';
src: url('reeniebeanie-webfont.eot');
src: url('reeniebeanie-webfont.eot?#iefix') format('embedded-opentype'),
url('reeniebeanie-webfont.woff') format('woff'),
url('reeniebeanie-webfont.ttf') format('truetype'),
url('reeniebeanie-webfont.svg#reenie_beanieregular') format('svg');
font-weight: normal;
font-style: normal;
}

Stosując to samo rozwiązanie z inną czcionką ale .otf i nie ma problemu nawet pod IE6.

Macie jakieś pomysły?

Pozdrawiam

Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 7)
memory
post 16.02.2013, 21:03:49
Post #2





Grupa: Zarejestrowani
Postów: 616
Pomógł: 84
Dołączył: 29.11.2006
Skąd: bełchatów

Ostrzeżenie: (0%)
-----


W czym jest problem?
Go to the top of the page
+Quote Post
NetPax
post 16.02.2013, 21:19:27
Post #3





Grupa: Zarejestrowani
Postów: 33
Pomógł: 1
Dołączył: 30.11.2011

Ostrzeżenie: (0%)
-----


Cytat(memory @ 16.02.2013, 21:03:49 ) *
W czym jest problem?


Hmm, w tym że pod IE8 nie działa czcionka .ttf, tak jak opisałem. Nie działa nawet po konwersji .ttf -> .eot.
Dodam że używając do osadzenia rozwiązania serwowanego przez Google działa ale wolałbym używać rozwiązania wczytującego czcionkę z lokalnego serwera.

Chyba coś z czcionką jest nie tak...
Go to the top of the page
+Quote Post
Damonsson
post 17.02.2013, 15:51:32
Post #4





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


daj sobie spokój z IE8.
Go to the top of the page
+Quote Post
vokiel
post 17.02.2013, 15:57:56
Post #5





Grupa: Zarejestrowani
Postów: 2 592
Pomógł: 445
Dołączył: 12.03.2007

Ostrzeżenie: (0%)
-----


A tak?
  1. @font-face {
  2. font-family: 'reenie_beanieregular';
  3. src: url('reeniebeanie-webfont.eot'); /* IE9 Compat Modes */
  4. src: url('reeniebeanie-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  5. url('reeniebeanie-webfont.woff') format('woff'), /* Modern Browsers */
  6. url('reeniebeanie-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
  7. url('reeniebeanie-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
  8. font-weight: normal;
  9. font-style: normal;
  10. }



--------------------
Go to the top of the page
+Quote Post
NetPax
post 17.02.2013, 18:39:11
Post #6





Grupa: Zarejestrowani
Postów: 33
Pomógł: 1
Dołączył: 30.11.2011

Ostrzeżenie: (0%)
-----


Cytat(Damonsson @ 17.02.2013, 15:51:32 ) *
daj sobie spokój z IE8.


Chyba tak zrobię bo to o co pytam potrzebuje do strony w której zawrzeć chciałem te "nowoczesne" elementy (takie studium) ale lubię jak na starszych wersjach wygląda w miarę podobnie.

Pozdrawiam
Go to the top of the page
+Quote Post
memory
post 17.02.2013, 20:09:58
Post #7





Grupa: Zarejestrowani
Postów: 616
Pomógł: 84
Dołączył: 29.11.2006
Skąd: bełchatów

Ostrzeżenie: (0%)
-----


<ie9 - eot,
firefox, safari,opera, ( ttf, otf )
ie10 - otf albo woff dobrze już nie pamiętam smile.gif

Po konwersji nie zadziała ci , musisz znaleźć czcionkę w eot
Go to the top of the page
+Quote Post
NetPax
post 18.02.2013, 14:16:55
Post #8





Grupa: Zarejestrowani
Postów: 33
Pomógł: 1
Dołączył: 30.11.2011

Ostrzeżenie: (0%)
-----


Hej, podsumowując: z tego co zaobserwowałem to czcionka .ttf nie działa pod IE8 (IE7 nie sprawdzałem) ale na IE6 działa jakimś sposobem... ech...
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 31.07.2025 - 07:22