Labākais CSS fontu skursteņi

Oriģināls Par PA Nathan Ford

Viens aspekts dizainu tīmeklī, kas gandrīz uzreiz aizskar dizaineri ir trūkst fontus, kas ir par drošu lietošanai. Kaut arī ir taisnība, ka tur ir tikai dažas tīmekļa droši fonti, kas mums ir mūsu rīcībā, var būt diezgan spēcīgs un daudzveidīgu noderīgs. Turklāt, CSS dod mums labu fontu kaudze .

Fontu skursteņi atraisīt

Jūs vēlaties izmantot Gill Sans? Iet labi uz priekšu. Nekas vajadzētu pārtraukt jums. Fontu skursteņi prioritārie saraksti fontus definētajiem CSS font-family atribūtu, pārlūku mainās pa līdz tas atrod fontus instalēta datorā. Tas nozīmē, ka jūs varat izmantot Gill Sans, un ja lietotājiem nav tā, jūs varat dot viņiem pienācīgu aizstājēju, kas nemazina to pieredzi. Kā kungs Mr Ričards Rutter teica , ka ir diezgan fontu, kas var sēdēt uz lietotāju daudz, jūsu auto ir gatavs kalpot jūsu projekta vajadzībām.

Diemžēl, ierasta prakse tiešsaistē un / vai tehnoloģijām nav pilnībā izmantot šo funkcionalitāti. Šķiet, ka pastāv maza uzmanība uz procesu veidojot šos caurulēm. Piemēram, pēc noklusējuma, Dreamweaver šādi:

  • Arial, Helvetica, sans-serif
  • Courier New, Courier, monospace
  • Times New Roman, Times, serif
  • Georgia, Times New Roman, Times, serif
  • Verdana, Arial, Helvetica, sans-serif
  • Geneva, Arial, Helvetica, sans-serif

 

Kā jūs varat redzēt, tur nav daudz iespēju un alternatīvu bieži nav piemēroti. Tas ir piemērs tam, cik vāja ir par tīmekļa drukāšanas standarti izraisīt sliktu dizaina lēmumu pieņemšanā. Es ne spekulēt šeit par to, kurš ir vainīgs par to, ka tipogrāfija internetā atstāj daudz ko vēlēties … Ir iespējams, tik daudz noziedznieki kā noziegums. Es saku, ka tomēr fonts kaudze, visbeidzot strukturālie faktori, un rūpīgi jāapsver kā tādu.

Visi ģimenē

Kad jūs izveidot kaudze, vispirms apsvērt kontekstu tekstu. Tas tiks pozīcijā dienvidiem no galvas vai ķermeņa kopiju? Ir iespējams noteikt atbilstošu kārtību kaudze ar zināmiem fontus strādā labi par uzstādīšanu bloku kopijas, bet citi strādā labāk lielākiem izmēriem. Piemēram, nianses par darbu un Helvetica uz ekrāna, ja teksts ir pietiekami liels, bet Helvetica Neue nedaudz plašāki formas vēstuļu lasīt labāk mazāku ekrānu. Arial skan mazliet labāk nekā Helvetica mazākās izmēriem uz ekrāna, kā arī. Tātad, Helvetica fonts kaudze var būt nepieciešams būt dažādi atkarībā no tā, vai jūs izmantojat, lai kopētu iestādi vai lapas nosaukumu.

Pēc konteksta uzskata, ka ir dažas lietas, kas jāņem vērā, veidojot kaudze. Pirmkārt, izvēlēties perfektu kandidātu (vairāk par to vēlāk). No turienes, ceļš var plug jūsu izvēle atkarībā no konteksta.

Nosaukumi [vairāk 12px]:

font-family: Ideāls, Alternatīva, Bieži, Generic;
  1. Ideāli – jūsu izvēle nav jābūt saistītām ar ko tiek uzskatīts universāli „interneta drošību.“ Ir daudzi fonti, ko raksturo augsts iekļūšanu tirgū, ko jūs varat izvēlēties. Vienkārši nav get neko pārāk neskaidrs, vai jūs tikai redzēt.
  2. Alternatīva – Ja izvēlaties nosaukumu un fontus nosaukumi, atcerieties, ka nianses ir vairāk pamanāmas, un tādēļ ir nepieciešams izvēlēties alternatīvu, kas ir tuvāk garā nekā lielums vai radinieks vērtību. Lai atrastu garīgo brālēns, jūs varat meklēt to pašu veidu klasifikācija , vai par kaut ko, ko rada paša meklēt dizainers veida . Pamata līdzība meklēt burta formā.
  3. Kopīgs – Šajā posmā, jums ir nepieciešams kaut kas līdzīgs, ka nav gatavojas lauzt izkārtojumu.
  4. Generic – Cap to ar vispārējo klasifikāciju tiem fanātiķiem, kuri neticēja uzstādot fontus.

Lpp [mazāks vai vienāds ar 12px]:

font-family: Ideāls, Fit, Bieži, Generic;
  1. Ideāli – Pat ja jūs vēlaties kopiju līdzīgiem nosaukumiem, jūs varat apsvērt lasāmību fontiem pāris punktiem. Piemēram: Helvetica Neue, un Arial ir labāk piemēroti maza lasīt uz ekrāna, nekā Helvetica.
  2. Fit – atrast kaut ko labu priekšstatu par pārrobežu platforma, tas nav crash izkārtojumu. Piemēram: Ir apmēram 2 pts starpība starp platumu Times New Roman un Gruziju. Reizināt šo ar rakstzīmju skaitu blokus, un jūs varētu būt katastrofa jūsu citādi labi pārdomātu dizainu.
  3. Kopīgs – Kaut ko līdzīgu garšu un rūpīgam.
  4. Generic – Atkal, do prom ar vispārējo klasifikāciju.

Paturiet prātā, ka, ja jūsu ideāls fontu tikai plaši pieejama uz Mac, piemēram, jūs varat izmantot alternatīvus, vairāk populārs gala Windows. Lai iegūtu plašāku informāciju par to izplatību dažu fontus uz dažām operētājsistēmām, apskatīt codestyle.org / CSS / font-family / .

Kaudze jūsu klāja

Tagad, izmantojot šos norādījumus, un pieredze par vairāk pieredzējis guru tipogrāfijas , es esmu apkopojusi sarakstu ar fontu skursteņi, kas ir kā atvērt vairāk fontu web dizaineri, un mēs ceram piedāvāt daudz piemērotāks aizstājēji:

p – sabalansētie punkti vai ķermeņa kopiju
t – līdzsvarotu virsrakstus vai nosaukumus

  • Arial, “Helvetica Neue”, Helvetica, sans-serif – p, t
  • Baskerville, “Times New Roman”, Times, serif – p
    Baskerville, Times, “Times New Roman”, serif – t
  • Cambria, Georgia, Times, “Times New Roman”, serif – p, t
  • “Century Gothic”, “Apple Gothic”, sans-serif – p, t
  • Consolas, “Lucida Console”, Monaco, monospace – p, t
  • “Copperplate Light”, “Copperplate Gothic Light”, serif – p, t
  • “Courier New”, Courier, monospace – p, t
  • “Franklin Gothic Medium”, “Arial Narrow Bold”, Arial, sans-serif – p, t
  • Futura, “Century Gothic”, AppleGothic, sans-serif – p, t
  • Garamond, “Hoefler Text”, Times New Roman, Times, serif – p
    Garamond, “Hoefler Text”, Palatino, “Palatino Linotype”, serif – t
  • Geneva, “Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, Verdana, sans-serif – p
    Geneva, Verdana, “Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, sans-serif – t
  • Georgia, Palatino,” Palatino Linotype”, Times, “Times New Roman”, serif – p
    Georgia, Times, “Times New Roman”, serif – t
  • “Gill Sans”, Calibri, “Trebuchet MS”, sans-serif – p
    “Gill Sans”, “Trebuchet MS”, Calibri, sans-serif – t
  • “Helvetica Neue”, Arial, Helvetica, sans-serif – p
    Helvetica, “Helvetica Neue”, Arial, sans-serif – t
  • Impact, Haettenschweiler, “Arial Narrow Bold”, sans-serif – p, t
  • “Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, sans-serif – p, t
  • Palatino, “Palatino Linotype”, Georgia, Times, “Times New Roman”, serif – p
    Palatino, “Palatino Linotype”, “Hoefler Text”, Times, “Times New Roman”, serif – t
  • Tahoma, Geneva, Verdana – p
    Tahoma, Verdana, Geneva – t
  • Times, “Times New Roman”, Georgia, serif – p, t
  • “Trebuchet MS”, “Lucida Sans Unicode”, “Lucida Grande”,” Lucida Sans”, Arial, sans-serif – p
    “Trebuchet MS”, Tahoma, Arial, sans-serif – t
  • Verdana, Geneva, Tahoma, sans-serif – p
    Verdana, Tahoma, Geneva, sans-serif – t

 

Es apzināti izslēgt dažas fontus * klepus * Comic Sans * klepus *, jo man nav īsti saprast, kāpēc viņi, un es neticu, ka šie piemēri atrisinās ik iespiešanai, bet cerams, tas ir tikai sākums. Jūtieties brīvi sazināties ar šiem noteikumiem un izveidot dažas savas skursteņi.

Ja Jums ir interese plašākā salīdzinot, lejupielādēt pdf [13,1 MB] . Tajā jūs atradīsiet piemērus gan nosaukumi un kopēt uzstādīta dažādās fontu skursteņi.

Tagad, fontu skursteņi palīdz mums atklāt vēl dažus drukāšanas iespējas, lai radītu daudz interesantu tērzēt tiešsaistē, bet kā mēs izvēlēties, kuru konkrētā persona lietošanā? Un kurš no šiem web drošas fontu strādās par labu komplimentu? Vairāk par ka manā nākamajā amatā.

Veröffentlicht am
Kategorisiert in Allgemein

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert