Problemy z google fonts, fonty na własnym serwerze.

Question

Witam, wgrałem na swoją strone czcionki z google fonts, i wydawało by się że wszystko jest dobrze, do czasu aż ni sprawdziłem jak się to wyświetla na innych użądzeniach.

Tak się wyświetla prawidłowo na windows na chrome:

Tak się wyświetla na windows na firefox:

A tak na macu na safari:

a tak na ipodzie na safari:

Jak ktoś chce zobaczyć jak się u niego wyświetla tu jest link: http://www.nextcnc.pl

Czy ma ktoś pomysł co tu może być nie tak? Mam jeden pomysł jak można by rozwiązać ten problem, mianowicie pobrać te czcionki i wżucić je na serwer, ale nie wiem jak się za to zabrać, oraz nie wiem czy to jest dobre rozwiązanie.

Answer 1

Musisz wgrać, różnego rozszerzenia czcionki [eot, woof, woof2, tff, svg (chyba wszystkie)] oraz je podpiąć

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

To akurat jest fontello, ale jak zrobiłeś to raz, to pewnie wiesz jak podmienić.

Gdy określasz czcionke to daj parę czcionek, tak aby zawsze strona wyglądała tak jak checsz lub podobnie np.

p{
font-family: 'Moja czcionka', Helvetica, Arial
}

 

Answer 2

http://blog.fuertigo.pl/CSS/font-face-wszystko-co-powinienes-wiedziec-i-jeszcze-wiecej/149/ Polecam poczytać :) Pozdrawiam!