Fonturi comune tuturor versiunilor (actuale) de Windows și echivalentelor lor Mac. Lista fonturilor standard Windows Numele fontului comun
Alegere font standard, utilizat de un anumit sistem de operare, poate îmbunătăți performanța. Acest lucru este valabil pentru orice sigur pentru internet» font. Avantajul fonturilor „de sistem” este că se potrivesc cu cele pe care sistemul de operare le folosește deja, astfel încât utilizatorul va fi confortabil să citească textul.
Clasificarea fonturilor de sistem:
| OS | Versiune | Font de sistem |
| Mac OS X | El Capitan | San Francisco |
| Mac OS X | Yosemite | Helvetica Neue |
| Mac OS X | Mavericks | Lucida Grande |
| Windows | Vista | Segoe UI |
| Windows | XP | Tahoma |
| Windows | 3.1 către MINE | Microsoft Sans Serif |
| Android | Sandwich cu înghețată (4.0)+ | Roboto |
| Android | Cupcake (1.5) la Honeycomb (3.2.6) | Droid Sans |
| Ubuntu | Toate versiunile | Ubuntu |
Să trecem la cod
Introducerea arată că odată cu apariția noilor versiuni ale sistemelor de operare apar și noi fonturi, iar odată cu ele și nevoia de actualizare. fonturi standard pentru site.
Metoda 1: Fonturi de sistem la nivel de element
Chrome și Safari au fost introduse recent „ sistem-ui" este o familie universală de fonturi care poate fi folosită în loc de " -sistemul-mere" Și " BlinkMacSystemFont". O metodă de utilizare a fonturilor de sistem este să le apelați direct pe un element folosind proprietatea font-family.
GitHub folosește această metodă pe site-ul lor, folosind fonturi de sistem în corp:
/* Fonturile de sistem sunt folosite de GitHub */ body ( font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", „Simbol UI Segoe”;
Atât administratorul Medium, cât și WordPress folosesc o abordare similară. Cel mai acceptat este Oxygen Sans ( creat pentru sistemul de operare GNU+Linux) și Cantarell (creat pentru sistemul de operare GNOME).
Acest exemplu demonstrează și suportul pentru anumite tipuri de emoticoane și simboluri:
/* Fonturile de sistem așa cum sunt utilizate de Medium și WordPress */ body (familie de fonturi: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; )
Notă: Această metodă poate fi utilizată numai pentru familia de fonturi Fonturi standard CSSîn loc de fontul mai scurt.
Metoda 2: Stive de fonturi de sistem
Limitarea primei metode este că trebuie să apeleze stiva completă de fonturi de fiecare dată când este aplicată unui element. Și acest lucru poate umfla codul, în funcție de unde și cum este utilizat.
O metodă alternativă în care fonturile de sistem sunt declarate folosind proprietatea @font-face. Avantajul acestui lucru este că puteți declara fonturile o dată și apoi le puteți aplica cu proprietatea font-family în loc de o listă lungă de fonturi de fiecare dată.
Fiecare designer folosește în mod constant informații text în munca sa pentru a afișa informații text. De obicei, atunci când alege un font, el trebuie să ia în considerare nu numai atractivitatea sau lizibilitatea tipului de literă, ci și mulți parametri tehnici.
De exemplu, majoritatea tipografiilor nu vor accepta un document conceput folosind fonturi de sistem. Acest lucru se datorează faptului că fonturile standard pot varia ușor între versiuni.
Dar atunci când dezvoltați o pagină web, dimpotrivă, ar trebui să alegeți un font dintr-un set de fonturi standard. Mai jos este un tabel cu prezența fonturilor de bază în distribuția standard a diferitelor versiuni de Windows.
| Numele fontului | Win95 | WinNT | Win98 | Win2000 | WinMe | WinXP |
|---|---|---|---|---|---|---|
| Lumină condensată Abadi MT | ° | ° | + | ° | ° | ° |
| Arial | + | + | + | + | + | + |
| Arial Alternative Regular | ° | ° | ° | ° | + | ° |
| Simbol alternativ Arial | ° | ° | ° | ° | + | ° |
| Arial Black | ° | ° | + | + | + | + |
| Arial Bold | + | + | + | + | + | + |
| Arial Bold Italică | + | + | + | + | + | + |
| Arial italic | + | + | + | + | + | + |
| Cartea Antiqua | ° | ° | + | ° | ° | ° |
| Calisto MT | + | |||||
| Gotic de secol | ° | ° | + | ° | ° | ° |
| Century Gothic Bold | ° | ° | + | ° | ° | ° |
| Century Gothic Bold Italică | ° | ° | + | ° | ° | ° |
| Secolul gotic italic | ° | ° | + | ° | ° | ° |
| Comic Sans MS | ° | ° | + | + | + | ° |
| Comic Sans MS Bold | ° | ° | + | + | + | + |
| Copperplate Gothic Bold | ° | ° | + | ° | ° | ° |
| Lumină gotică din cupru | ° | ° | + | ° | ° | ° |
| Curier | + | + | + | + | + | + |
| Curier Nou | + | + | + | + | + | + |
| Courier New Bold | + | + | + | + | + | + |
| Courier New Bold Italică | + | + | + | + | + | + |
| Courier New Italic | + | + | + | + | + | + |
| Estrangelo Edessa | ° | ° | ° | ° | ° | + |
| Franklin Gothic Mediu | ° | ° | ° | ° | ° | + |
| Franklin Gotic Mediu Italică | ° | ° | ° | ° | + | ° |
| Gautami | ° | ° | ° | ° | ° | + |
| Georgia | ° | ° | ° | + | ° | + |
| Georgia Bold | ° | ° | ° | + | ° | + |
| Georgia Bold Italică | ° | ° | ° | + | ° | + |
| Georgia italic | ° | ° | ° | + | ° | + |
| Georgia Italic Impact | ° | ° | ° | ° | ° | + |
| Impact | ° | ° | + | + | + | ° |
| Latha | ° | ° | ° | ° | ° | + |
| Consola Lucida | ° | + | + | + | + | + |
| Lucida Scris de mână Italică | ° | ° | + | ° | ° | ° |
| Lucida Sans Italic | ° | ° | + | ° | ° | ° |
| Lucida Sans Unicode | ° | ° | + | + | ° | + |
| Marlett | ° | ° | + | ° | + | ° |
| Matisse ITC | ° | ° | + | ° | ° | ° |
| Modern | + | + | + | + | ° | ° |
| Modern MS Sans Serif | ° | ° | ° | ° | ° | + |
| MS Sans Serif | + | + | + | + | + | + |
| MS Serif | + | + | + | + | + | ° |
| Mv Boli | ° | ° | ° | ° | ° | + |
| Stiri Gothic MT | ° | ° | + | ° | ° | ° |
| Stiri Gothic MT Bold | ° | ° | + | ° | ° | ° |
| Stiri Gothic MT Italic | ° | ° | + | ° | ° | ° |
| OCR A E+tend | ° | ° | + | ° | ° | ° |
| Linotipul Palatino | ° | ° | ° | + | ° | + |
| Palatino Linotype Bold | ° | ° | ° | + | ° | + |
| Palatino Linotype Bold Italică | ° | ° | + | ° | + | ° |
| Palatino Linotype Italic | ° | ° | ° | + | ° | + |
| român | ° | + | ° | + | ° | + |
| Scenariul | ° | + | ° | + | ° | + |
| Fonturi mici | ° | + | ° | + | ° | + |
| Smallfonts | + | ° | + | ° | + | ° |
| Simbol | + | + | + | + | + | + |
| Tahoma | ° | ° | + | + | + | + |
| Tahoma Bold | ° | ° | + | + | + | + |
| Tempus Sans ITC | ° | ° | + | + | ° | ° |
| Times New Roman | + | + | + | + | + | + |
| Times New Roman Bold | + | + | + | + | + | + |
| Times New Roman Bold Italică | + | + | + | + | + | + |
| Times New Roman Italică | + | + | + | + | + | + |
| Trebuchet | ° | ° | ° | ° | + | ° |
| Trebuchet Bold | ° | ° | ° | ° | + | ° |
| Trebuchet Bold Italică | ° | ° | ° | ° | + | ° |
| Trebuchet italic | ° | ° | ° | ° | + | ° |
| Trebuchet MS | ° | ° | ° | + | ° | + |
| Trebuchet MS Bold | ° | ° | ° | + | ° | + |
| Trebuchet MS Bold Italică | ° | ° | ° | + | ° | + |
| Trebuchet MS Italică | ° | ° | ° | + | ° | + |
| Tunga | ° | ° | ° | ° | ° | + |
| Verdana | ° | ° | + | + | + | + |
| Verdana Bold | ° | ° | + | + | + | + |
| Verdana Bold Italică | ° | ° | + | + | + | + |
| Verdana Italică | ° | ° | + | + | + | + |
| Webdings | ° | ° | + | + | + | + |
| Westminster | ° | ° | + | ° | + | + |
| Aripioare | + | + | ° | + | ° | + |
| WST_cehă | ° | ° | ° | ° | ° | + |
| WST_Engl | ° | ° | ° | ° | ° | + |
| WST_Fren | ° | ° | ° | ° | ° | + |
| WST_Germ | ° | ° | ° | ° | ° | + |
| WST_Ital | ° | ° | ° | ° | ° | + |
| WST_Span | ° | ° | ° | ° | ° | + |
| WST_Swedm | ° | ° | ° | ° | ° | + |
Vă rugăm să rețineți că prezența oricărui font în sistem depinde de opțiunile selectate la instalarea sistemului de operare, precum și de software-ul utilizat.
Există mai multe fonturi care vin cu fiecare versiune de Windows. Aceste fonturi sunt cele mai sigure pentru proiectarea web și crearea de documente electronice care trebuie să fie afișate la fel pe computere diferite.
Fonturi sigure: Arial, Courier, Courier New, MS Sans Serif, MS Serif, Symbol, Times New Roman.
Există fonturi care nu sunt incluse în versiunile anterioare de Windows, dar sunt aproape sigur prezente în sistem (instalate cu software suplimentar, cum ar fi Microsoft Office). Fonturi sigure: Arial, Courier, Courier New, MS Sans Serif, MS Serif, Symbol, Times New Roman.
Fonturile standard de pe un site sunt acele fonturi care sunt instalate implicit pe computerul utilizatorului care vizualizează site-ul.Orice browser în mod implicit nu descarcă și nu instalează fonturi din resurse terțe. Acesta este motivul pentru care apare adesea problema fonturilor „non-standard”. Să presupunem că un webmaster a decis să facă un font frumos pe site, l-a indicat în cod, dar majoritatea utilizatorilor site-ului nu au acest font instalat în sistemul lor de operare.
Browserul, desigur, va încerca să înlocuiască acest font cu unul dintre cele instalate, dar site-ul nu va fi afișat deloc așa cum a fost inițial. Desigur, există tehnologii care vă permit să ocoliți această limitare, dar este mai bine să faceți acest lucru în cazuri extreme, când pur și simplu nu puteți face fără fonturi terțe.
Deci, ce este acest „set standard” de fonturi? Mai jos este o listă de fonturi preinstalate ale sistemului de operare (sunt evidențiate fonturile recomandate pentru utilizare pe site-uri web):
| Numele fontului | Windows 2000 | Windows XP | Vista | Windows 7 | Câștigă 8 |
| Arial | + | + | + | + | + |
| Arial Black | + | + | + | + | + |
| Cartea Antiqua | + | ||||
| Calibri | + | + | + | ||
| Cambria | + | + | + | ||
| Candara | + | + | + | ||
| Comic Sans MS | + | + | + | + | + |
| Console | + | + | + | ||
| Constantia | + | + | + | ||
| Corbel | + | + | + | ||
| Curier | + | + | + | + | + |
| Curier Nou | + | + | + | + | + |
| Estrangelo Edessa | + | + | + | + | |
| Franklin Gothic Mediu | + | + | + | + | |
| Gautami | + | + | + | + | |
| Gabriola | + | + | |||
| Georgia | + | + | + | + | + |
| Georgia Italic Impact | + | ||||
| Impact | + | + | + | + | + |
| Latha | + | + | + | + | |
| Consola Lucida | + | + | + | + | + |
| Lucida Sans Console | + | + | + | + | |
| Lucida Sans Unicode | + | + | + | + | + |
| Marlett | + | + | + | + | + |
| Modern | + | + | |||
| Modern MS Sans Serif | + | ||||
| MS Sans Serif | + | + | + | + | + |
| MS Serif | + | + | + | + | + |
| MV Boli | + | + | + | + | |
| Nyala | + | + | + | ||
| Linotipul Palatino | + | + | + | + | + |
| român | + | + | + | + | + |
| Scenariul | + | + | + | + | + |
| Segoe Print | + | + | + | ||
| Segoe Script | + | + | + | ||
| Segoe UI | + | + | + | ||
| Fonturi mici | + | + | |||
| Simbol | + | + | + | + | + |
| Tahoma | + | + | + | + | + |
| Tempus Sans ITC | + | ||||
| Times New Roman | + | + | + | + | + |
| Trebuchet MS | + | + | + | + | + |
| Tunga | + | + | + | + | |
| Verdana | + | + | + | + | + |
| Webdings | + | + | + | + | + |
| Westminster | + | ||||
| Aripioare | + | + | + | + | + |
Cum arată fonturile standard.
Windows Vista, Internet Explorer 7, ClearType activat (faceți clic pe imagine pentru a vedea dimensiunea completă)Windows Vista, Firefox 2.0, ClearType activat (dați clic pe imagine pentru a vedea dimensiunea completă)
Mac OS X 10.4.8, Firefox 2.0, ClearType activat (faceți clic pe imagine pentru a vedea dimensiunea completă)
Windows 2000, IE 6.0 (dați clic pe imagine pentru a vedea dimensiunea completă)
În acest articol, voi împărtăși soluția mea la problema cu afișarea incorectă a fonturilor în Windows 7, ceea ce necesită restaurarea tuturor fonturilor standard înWindows 7. Fundalul întrebării este următorul: am căutat recent noi fonturi originale pentru a fi utilizate într-un editor grafic, am descărcat o grămadă de ele, dar apoi am observat că atunci când un font nou este adăugat în sistem, dacă există un potriviți, fontul original este înlocuit cu unul nou (instrucțiuni despre cum să instalați fonturile în Windows 7). Ca urmare a acestei activități, a devenit imposibil să lucrez în jumătate dintre panourile de sistem și aplicațiile din cauza faptului că vorbeau în limbi necunoscute pentru mine :).
O căutare rapidă pe Google pentru „ restaurați fonturile de sistem înWindows 7" Și " fonturi standard pentruWindows 7„, nu a dat prea mult rezultat, soluțiile propuse nu au ajutat fkb (în mod firesc, reinstalarea sistemului nu mi-a convenit). Prin urmare, am decis să merg pe drumul meu și, pentru început, am copiat pur și simplu fonturile originale dintr-un sistem normal cunoscut (dați-mi să vă reamintesc că fonturile sunt stocate în director %windir%\fonts) și am înlocuit fonturile de pe sistemul meu cu ele. Soluția a ajutat doar parțial, a devenit posibil să lucrez în sistem, au apărut caracterele mele chirilice native, dar parametrii fontului au lăsat de dorit. În primul rând, dimensiunea unor fonturi s-a schimbat sau scrierea lor nu mai corespunde cu originalul sau, din anumite motive, fontul a devenit aldine.
Cu toate acestea, am reușit să-mi dau seama cum să depășesc această problemă. Pentru a face acest lucru, trebuie să resetați setările fonturilor din registry, pentru care descărcați fișierul atașat mai jos, care vă permite să restaurați asocierile pentru fonturile standard în Windows 7. Puteți să-l descărcați:
Acest fișier reprezintă conținutul exportat al stupului de registry HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fontsîn Win 7. După aplicarea acestui fișier .reg, sistemul trebuie să fie repornit, iată! Problema cu fonturile ar trebui să dispară!
Aceste. Secvența care m-a ajutat să restabilim fonturile implicite de sistem în Windows 7 este următoarea:
- înlocuirea fonturilor din directorul %windir%\fonts cu fonturi dintr-un sistem „curat”.
- exporta ramura de registru HLM\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts
Sper că, dacă și fonturile tale s-au prăbușit, această soluție te va ajuta și pe tine. În orice caz, dacă găsești o tehnică alternativă care te-a ajutat în mod specific în situația ta, nu ezita să împărtășești în comentarii. În teorie, instrucțiunile sunt potrivite și în cazurile în care fontul dorit a fost șters accidental, iar după ce a fost găsit și copiat înapoi, erorile nu dispar.
PS. Dacă nu aveți la îndemână Windows 7 curat, puteți descărca o arhivă cu fonturi standard aici: http://narod.ru/disk/52061075001.99f42303cf1a0ac70dc978dd20406657/original_fonts.zip.html, dimensiunea arhivei este de aproximativ 350 MB.