Google Fonts vprašanje

Kupil sem temo, ki uporablja Google Font. OK, vse lepo in prav, ampak ne deluje č. Font mi je zelo všeč in zamenjava za drugega je res zadnja opcija.

Kaj sem naredil? Poiskal sem font in ga downloadal, dodal veliki in mali č s FontCreatorjem in *.ttf fajl namestil na FTP. Disablal sem Google Font in dodal font neposredno v CSS fajl preko @font-face-a. Font deluje, č tudi, problem pa je, da je prikaz malenkost drugačen kot če gre preko Google Fonta. Font je 100% isti, ker sem probal vse druge verzije (italic, black itd.) in je ta najbližje temu. Tudi razlika je zelo majhna. No, najbolje da dam screenshot, kako to zgleda:

Torej oba fonta sta ista, stili so tudi isti, prikaz pa drugačen. Zakaj? Se font mogoče kaj drugače "procesira" če gre preko Google Font? Skratka, rad bi imel tak prikaz kot je z Google Fontom, tisti drugi je premočan. Malo sem se poskusil igrati z font-weight in font-size, ampak ni možno replicirati zgornjega. Ima kdo kakšno idejo?

Hvala

14 odgovorov

a si pogledal v kakšnem orodju ala firebug oz chrome konzola (F12) če ti font dejansko naloži, ker meni tole ne izgleda isti font.

Sem, font je definitivno isti. Isti font uporabljam tudi drugje po strani, npr. za content, tam je razlika manj opazna in se vidi da gre za isti font. Tukaj pa je ta meni boldan, in razlika pride še bolj do izraza. Meni je videti kot da bi bil font z Google Fonts malo manjši. Ampak če font s CSS-om samo malo pomanjšam je že premajhen ...

Kaj pa če velikost fonta zapišeš še s kakšno drugo enoto (pt, em, px, %)? Mogoče bi ti ga z uporabo druge enote ravno prav zmanjšalo. Preveri, če imaš kje nižje ali pa v kakšnem drugem css dokumentu še kaj za pisavo menija.
Mogoče je, da ta font, ki si ga prenesel in popravil nima bold verzije..

1

Sem poizkusil ampak ni isto. Zdaj ko sem to poizkušal sem videl, da je skoraj zagotovo problem font-weight. Zdaj je enostavno debeleje kot z Google Font. Ampak kako tole urediti pa nimam pojma. font-weight je 700, kar je isto kot bold, tako da res ne razumem ...

Ti dela problem samo Chrome, ali tudi drugi brskalniki? Mogoče je to rešitev

Mogoče sem čisto zgrešil (jbg, designer pač)

Hvala, vendar to ni to. V vseh browserjih je isto, pa tudi japčka nimam ...

... this only shows up in Chrome on OS X ...

Tudi jaz imam isto težavo, s tem da mi pri font-face tudi ne delujejo čšž direktno iz google pa ampak bi moral nastaviti vse margine,...

Upam da ima kdo dobro, hitro rešitev

@nene
Ena bolj neumna ideja: si preveril na google fonts če ima pisava možnost extended latin?

tudi sam sem imel enkrat težavo, da ko sem odprl pisavo z editorjem ter jo potem shranil je prišlo do deformacij oziroma font več ni bil enak. reštve pa žal nisem našel.

S katerim generatorjem pa si naredil tale @font-face? Namreč eni generatorji to slabo zgenerirajo in so fonti popačeni. Jaz polagam na tega: http://www.fontsquirrel.com/tools/webfont-generator

1