html - Same font files, same PC, same OS, same browser, same code--two different rendering results on two different sites. What gives? -
i'm running incredibly frustrating issue webfonts on employer's website. (screenshot here: http://imgur.com/pvb5lrl)
i've added font files and, best can tell, written code correctly. however, text rendering incredibly jagged , ugly in chrome , firefox. what's bizarre simple test set using same font files, same @font-face code, , same css text rendering fine in same browsers on same machine. idea might causing crappy rendering on full website? urls both below reference.
company website: http://staging.lmsonline.com/services/email-marketing/
simple test: http://datafulfill.com/fonttest/demo.html
screenshot (windows 7, chrome): http://imgur.com/pvb5lrl
not sure, font supposed like. @ end arrives sort of arial, pretty same generic sans-serif anyway. playing around fonts in past taught me address issue in order:
@font-face { font-family:"delitsch antiqua"; src:url("/path/to/fonts/delitschantiqua.eot"); } @font-face { font-family:"delitsch antiqua"; src:url("/path/to/fonts/delitschantiqua.ttf"); }
first serve ie, rest. reason never quite worked other way around.
Comments
Post a Comment