Die prestasie koste van persoonlike web lettertipes, en hoe om dit op te los
Die Gnat & die Bull
Gebruik self-gehuisvesde lettertipes
Gebruik webfonts van Google Fonts
Daar is meer as 800 Google-fonts beskikbaar. Maar, paring van lettertipes is nie maklik nie en baie van die lettertipes werk nie vir tipiese webwerwe nie. Deel van die 25x52-inisiatief, hierdie samewerkende, deurlopende projek bied inspirasie vir die gebruik van Google se fontbiblioteek.
Gnat het op een van die horings van bul afgelei, en het daar vir aansienlike tyd daar gebly. Toe dit voldoende gerus was en op die punt was om weg te vlieg, het dit aan die bul gesª: "Het jy omgee as ek nou gaan?" Die bul het sy o« net opgehef en sonder belangstelling opgemerk, "is dit alles vir my; Ek het nie opgemerk toe jy gekom het nie, en ek weet nie wanneer jy weggaan nie. "
Weg is die dae toe ons baie eiendomsformate vir verskillende blaaiers moes insluit, soos vir Internet Explorer en .svg vir Safari. Nou is die nuutste standaard .woff2 voldoende, dus is dit makliker bygevoeg.
.woff2 sal in Chrome, Firefox, Opera, Safari, Edge (Ja, selfs Edge) werk, sowel as mobiele blaaiers (IOS Safari, Android-blaaier, Opera Mobile, Chrome vir Android, Samsung Internet, QQ Browser, Baidu Browser)
Windows 10/8/7 / Vista: Regskliek op die lettertipes> "Installeer"
Mac OS Dubbelklik op die Font Lªer> "Installeer font "knoppie. Ander OS.
Kom ons praat oor webfonts. Meer spesifiek, oor fout wat ek ontwikkel het, het ontwikkelaars in verskeie projekte vir verskillende agentskappe gemaak: web lettertipe op die verkeerde manier ingebed. In elk van die gevalle was die diens wat hulle gebruik het, Fonts.com, en die diens se gewildheid gegee, kan hierdie vinnige punt vir sommige mense handig wees.
So, wat is die probleem? Wanneer u font aflaai vir self-hosting, kom dit dikwels met paar demo CSS, sodat u sien hoe u die web lettertipe in u projek kan gebruik. Fonts.com doen dit ook. Hier is hoe die CSS-kode lyk, byvoorbeeld:
In hierdie artikel help u om te besluit watter een reg is vir u besigheid deur u die belangrikste feite en insigte van ons ervarings op beide platforms, WebFlow en Shopify te gee.