propriul font pe pagină. Instalarea fonturilor noi în MS Word Cum se utilizează fonturile instalate

Vlad Merjevici

Fontul este parte integrantă a designului web, oferă site-ului expresivitate și recunoaștere, exprimă stilul caracteristic site-ului și este direct legat de percepția textelor. Este posibil ca un font bine ales să nu fie observat, dar fără el nu va exista poftă care să ofere designului site-ului complet.

Dacă aveți deja un anumit font instalat pe computer, adăugați doar o linie la stiluri.

h1 (familie de fonturi: SuperPuperFont; )

Valoarea proprietății font-family este numele tipului de font; aceasta va fi aplicată tuturor titlurilor

. Dar ce vor vedea vizitatorii site-ului dacă fontul nostru spectaculos și rar nu este instalat? Această situație este cea mai probabilă, așa că dacă browserul nu recunoaște fontul declarat, va folosi fontul implicit, de exemplu în Windows acesta este Times New Roman. Tot designul nostru de tip atent gândit se va prăbuși și va deveni praf peste noapte, așa că trebuie să căutăm cea mai universală soluție. Primul lucru care vine imediat în minte este să aranjați ca fișierul cu font să fie descărcat pe computerul utilizatorului și textul să fie afișat în fontul selectat. În comparație cu alte metode, cum ar fi afișarea textului printr-o imagine, această metodă este cea mai simplă și mai versatilă.

Ce avantaje ne oferă în cele din urmă încărcarea unui fișier cu font și apoi aplicarea acestuia prin CSS?

• Textul este ușor de adăugat și editat.
• În browser, puteți folosi căutarea și găsiți expresiile dorite.
• În setările browserului, puteți reduce sau mări dimensiunea fontului pentru a obține o vizualizare confortabilă.
• Motoare de căutare Ei indexează bine conținutul documentului.
• Textul poate fi selectat și copiat în clipboard, precum și tradus într-o altă limbă.
• Parametrii textului, cum ar fi spația dintre linii, culoarea, dimensiunea și altele asemenea, pot fi modificați cu ușurință folosind proprietățile CSS.
• Din nou, folosind CSS, puteți adăuga pur și simplu diferite efecte textului, cum ar fi o umbră.

După cum puteți vedea, există o mulțime de avantaje. Există și mici dezavantaje și pentru echilibru merită menționate.

• Nu toate versiunile de browser acceptă fonturi descărcabile și formate universale.
• Fișierul care conține tipul fontului poate ocupa o cantitate mare de spațiu, încetinind astfel încărcarea paginii web.

În tabel 1 listează versiunile de browser și formatele de font pe care le acceptă.

Masa 1. Formate acceptate

Format	Internet Explorer	Crom	Operă	Safari	Firefox	Android	iOS
TTF	9.0+	4.0+	10.0+	3.1+	3.5+	2.2+
EOT	5.0-8.0
WOFF	9.0+	5.0+			3.6+
SVG		1.0+	9.0+	3.1+	3.5+		1.0+

Cel mai acceptat format este TTF. Cu excepția IE până la versiunea 9.0 și iOS, toate browserele îl înțeleg perfect. Deci, dacă fontul dvs. este în acest format și vizați browsere moderne, nu va trebui să faceți nicio acțiune suplimentară. Este suficient să scrieți următorul cod în stiluri (exemplul 1).

Exemplul 1: conexiune TTF

HTML5 CSS3 IE 8 IE 9+ Cr Op Sa Fx

În primul rând, încărcăm fișierul cu font folosind regula @font-face. În interiorul acestuia scriem numele fontului prin parametrul font-family și calea către fișier prin src . Apoi folosim fontul ca de obicei. Deci, dacă trebuie să setăm fontul titlului, atunci pentru selectorul h1, așa cum se arată în exemplu, setăm proprietatea font-family cu numele fontului încărcat. Pentru versiunile mai vechi de IE, listăm opțiunile de rezervă separate prin virgule. În acest caz, fontul titlului va fi „Comic Sans MS”, deoarece IE8 și mai jos nu acceptă formatul TTF.

Rezultatul acestui exemplu este prezentat în Fig. 1.

Orez. 1. Antet cu font încărcat

Ce să faci dacă ai nevoie disperată de un font florid în IE8? Din fericire, @font-face vă permite să includeți mai multe fișiere de fonturi de diferite formate în același timp. Browserul trebuie doar să aleagă pe cel potrivit. Astfel, o soluție universală care funcționează în toate browserele se rezumă la conversia formatului TTF existent în EOT și apoi conectarea ambelor fișiere.

Pentru conversie, există mai multe servicii online care vă permit să încărcați un fișier TTF și să primiți un fișier EOT ca rezultat. Din păcate, majoritatea acestor servicii au aceeași problemă - primim fișierul, dar limba rusă nu este acceptată. Ca urmare, rezultatul dorit nu este atins, conversia are loc incorect. Printre site-urile pe care le-am verificat, a fost unul care a afișat corect textul în IE.

Mergem pe acest site, descarcăm fișierul TTF și facem clic pe butonul „Convert TTF to EOT”, după care salvăm fișierul rezultat în folderul cu fonturi. În stiluri, rămâne să efectuați un mic truc și forță browsere diferite descărcați fontul în formatul necesar. Pentru a face acest lucru, adăugăm doi parametri src. Primul indică fișierul EOT și este destinat versiunilor mai vechi de IE. Al doilea parametru src trebuie să conțină două adrese separate prin virgulă, dintre care una indică fișierul TTF. Faptul este că versiunile IE 8.0 și anterioare nu înțeleg virgula din parametrul src și, în consecință, va ignora întregul parametru. Pot exista mai multe opțiuni de scriere, de exemplu, repetați adresa URL, specificați numele fontului în interiorul parametrului local sau chiar scrieți un font inexistent. Dacă browserul nu poate încărca un astfel de font, atunci va merge la al doilea din listă și îl avem scris corect. Metode de scriere acceptabile.

src: url(fonts/pompadur.ttf), url(fonts/pompadur.ttf);
src: local(pompadur), url(fonts/pompadur.ttf);
src: local("bla bla"), url(fonts/pompadur.ttf);

O opțiune de lucru pentru conectarea unui font pentru toate versiunile de browser este prezentată în exemplul 2.

Exemplul 2: conexiune EOT

HTML5 CSS3 IE Cr Op Sa Fx

Un element modern al procesului politic

De fapt, învățăturile politice ale lui Montesquieu aduc în față tipul de cultură politică continentală europeană, care s-a reflectat în lucrările lui Michels.

În ceea ce privește iOS, mi se pare că nu are rost să facem și să descărcați un font separat în format SVG. Audiența site-urilor care îl vizualizează prin iOS este încă mică și, în plus, versiunea site-ului este pentru dispozitive mobileÎncearcă să o facă mai ușoară și nu este recomandabil să descărcați încă câteva zeci de kiloocteți.

Fonturi web Google

Un serviciu convenabil care se ocupă de rutina de a accepta diferite formate de fonturi și versiuni de browser poate fi găsit la www.google.com/webfonts. Deși există relativ puține fonturi diferite în colecție (există câteva zeci), toate sunt selectate de foarte înaltă calitate și sunt gratuite pentru utilizare pe site-uri web.

Înainte de a selecta un font, comutați valoarea Script la Chirilic, apoi veți vedea o listă de fonturi care acceptă limba rusă (Fig. 2).

Orez. 2. Selectarea fonturilor în Google Web Fonts

Fontul care vă place trebuie mai întâi adăugat la colecție făcând clic pe butonul „Adăugați la colecție”, apoi pe butonul „Utilizare” din colțul din dreapta jos al ecranului. Pe pagina următoare (Fig. 3) puteți selecta în sfârșit fonturile de care aveți nevoie. În același timp, trebuie să înțelegeți că un tip de font poate conține mai multe stiluri și fiecare dintre ele mărește volumul fișierelor descărcate.

Orez. 3. Fonturi încărcate pe pagină

Puteți conecta fonturile selectate într-unul din trei moduri; codul adăugat poate fi copiat sub pagină.

1. Via element . Linia va arăta cam așa.

2. Prin regula @import. Inserăm această linie în fișierul nostru CSS în partea de sus.

@import url(http://fonts.googleapis.com/css?family=Philosopher&subset=cyrillic);

3. Prin JavaScript.

În principiu, toate căile sunt egale, așa că alegeți după preferință.

Avantajele utilizării acestui serviciu sunt următoarele.

• Fonturile sunt gratuite, nu trebuie să plătiți pentru ele.
• Fonturile oferite sunt „sharpened” pentru vizualizare pe ecran, fișierele sunt optimizate și ocupă un volum relativ mic.
• Browserul este detectat automat și pentru acesta este furnizat fontul în formatul necesar.

Unul dintre principalele avantaje ale serviciului este că fonturile sunt stocate în formatele TTF, EOT, WOFF, SVG și sunt încărcate după verificarea browserului. Astfel, formatul EOT va fi disponibil doar pentru versiunile mai vechi de IE.

Dacă utilizați Google Web Fonts sau nu, depinde de dvs. Dacă nu găsiți un font potrivit acolo, puteți oricând să conectați popularul și răspândit TTF. În plus, este acceptat de cele mai recente versiuni ale tuturor browserelor populare.

Când așezați pagini, din când în când trebuie să vă ocupați de fonturi non-standard. Desigur, nu ar trebui să le folosiți ca principale pe site, dar în diferite elemente individuale, de exemplu, în antet, este foarte posibil. Problema cu aceste fonturi este că pur și simplu nu se află pe computerul utilizatorului, ceea ce va duce la afișarea textului corespunzător într-un font standard, ca urmare, designul dorit va fi stricat. Această problemă poate fi rezolvată foarte simplu: toate font personalizat pur și simplu decupați ca imagine. Cu toate acestea, există și un alt mod de a utiliza un font personalizat pe un site web.

Lasă-mă să scriu Cod CSS, și apoi o voi explica:

@font-face (
familie de fonturi: SpecialFont;
src: url("font/specialfont.ttf");
}
p(
familie de fonturi: SpecialFont;
}

Ca rezultat, la etichete

se va aplica fontul Font special. Cred că codul este destul de transparent, dar voi explica oricum. Trebuie să obțineți fontul și să îl încărcați pe site-ul dvs. web, de exemplu, într-un folder font. Următorul în Cod CSS inregistreaza-te in @font-face numele și calea către el și apoi îl puteți folosi.

Dar nu este fără motiv că în cele mai multe cazuri folosesc imagini pentru a afișa fonturi non-standard. In folosinta @font-face există 2 dezavantaje:

1. Există fonturi foarte mari care cântăresc sute de kiloocteți și asta va crește dramatic timpul de încărcare a paginii.
2. Al doilea minus este și mai grav. Nu toate browserele acceptă această funcțieÎn plus, unele browsere necesită un font într-un format diferit (nu ttf). Astfel, unii oameni încă nu vă vor vedea fontul. Pentru a rezolva această problemă, trebuie să descărcați același font în formate diferite, ceea ce va crește foarte mult primul dezavantaj.

Dar este de remarcat faptul că primul minus nu mai este la fel de important ca înainte. Deoarece vitezele conexiunii la Internet cresc foarte repede și puțini oameni le pasă de suplimentare 100-200 KB.

De asemenea, al doilea minus nu este atât de important. Singurele browsere mai mult sau mai puțin populare care nu vor înțelege acest cod sunt IE8 și mai jos, la care se adauga iOS. Toate celelalte browsere moderne vor înțelege acest cod fără probleme.

Având în vedere că IE8 este încă relativ popular, atunci personal mă voi retrage pentru moment fonturile non-standard sunt încă disponibile ca imagini, dar sper cu adevărat că în viitorul apropiat acest browser va deveni istorie, iar apoi va putea fi folosit fonturi @font-face și ttf.

P.S. Felicitări tuturor femeilor de sărbătorile de primăvară!

ÎN ultimele versiuni editor de text Microsoft Word Există un set destul de mare de fonturi încorporate. Cele mai multe dintre ele, așa cum era de așteptat, constau din litere, dar unele folosesc diferite simboluri și semne în loc de litere, ceea ce este, de asemenea, foarte convenabil și necesar în multe situații.

Și totuși, indiferent câte fonturi încorporate are MS Word, setul standard nu va fi întotdeauna suficient pentru utilizatorii activi ai programului, mai ales dacă doriți ceva cu adevărat neobișnuit. Nu este surprinzător faptul că pe Internet puteți găsi multe fonturi pentru acest editor de text creat de dezvoltatori terți. De aceea, în acest articol vom vorbi despre cum să adăugați un font la Word.

Avertisment important: Descărcați fonturi, ca orice alt software, numai de pe site-uri de încredere, deoarece multe dintre ele pot conține viruși și alte programe rău intenționate. Nu uitați de propria dumneavoastră siguranță și de siguranța datelor dumneavoastră personale; nu descărcați fonturile prezentate în fișierele de instalare EXE, deoarece acestea sunt de fapt distribuite în arhive care conțin fișiere în formate OTF sau TTF acceptate de sistemul de operare Windows.

Iată o listă de resurse sigure din care puteți descărca fonturi pentru MS Word și alte programe compatibile:

Rețineți că toate site-urile de mai sus sunt implementate extrem de convenabil și fiecare dintre fonturi este prezentat acolo clar și înțeles. Adică, vă uitați la imaginea de previzualizare, decideți dacă vă place acest font și dacă aveți nevoie de el și numai după aceea îl descărcați. Asadar, haideti sa începem.

1. Selectați un font potrivit pe unul dintre site-urile pe care le oferim (sau pe altul în care aveți deplină încredere) și descărcați-l.

2. Accesați folderul de unde ați descărcat arhiva (sau doar un fișier) cu fontul(ele). În cazul nostru, acesta este desktopul.

3. Deschideți arhiva și extrageți conținutul acesteia în orice folder convenabil. Dacă ați descărcat fonturi care nu sunt arhivate, mutați-le într-o locație în care să le puteți accesa cu ușurință. Nu închideți acest folder.

Notă: Pe lângă fișierul OTF sau TTF, arhiva cu fonturi poate conține și fișiere de alte formate, de exemplu, o imagine și Document text, ca în exemplul nostru. Nu este necesar să extrageți aceste fișiere.

4. Deschideți .
ÎN Windows 8 - 10 puteți face acest lucru folosind tastele Câștigă+X, unde în lista care apare trebuie să selectați . În loc de taste, puteți, de asemenea, să faceți clic dreapta pe pictograma meniului "Start".

ÎN Windows XP - 7 această secțiune este în meniu "Start" — .

5. Dacă se află în modul de vizualizare „Categorii”, ca și în exemplul nostru, treceți la modul de afișare a pictogramelor mici - în acest fel puteți găsi rapid articolul de care aveți nevoie.

6. Găsiți articolul acolo „Fonturi”(cel mai probabil va fi unul dintre ultimele) și faceți clic pe el.

7. Se va deschide un folder cu fonturi instalate pe Windows. Puneți în el fișierele cu font descărcate și extrase anterior din arhivă.

Sfat: Puteți pur și simplu să-l trageți (le) cu mouse-ul din folder în folder sau să utilizați comenzile Ctrl+C(copie) sau Ctrl+X(tăiat) și apoi Ctrl+V(introduce).

8. După un scurt proces de inițializare, fontul va fi instalat pe sistem și va apărea în folderul în care l-ați mutat.

Notă: Unele fonturi pot consta din mai multe fișiere (de exemplu, obișnuit, cursiv și aldine). În acest caz, trebuie să plasați toate aceste fișiere în folderul fonturi.

Instalarea unui font nou în Word

1. Lansați Word și găsiți un font nou în lista de fonturi standard încorporate în program.

2. Adesea, găsirea unui font nou în listă nu este atât de ușoară pe cât ar părea: în primul rând, există deja destul de multe acolo, iar în al doilea rând, numele său, deși scris cu propriul font, este destul de mic.

Pentru a găsi rapid un font nou în MS Word și a începe să-l utilizați la tastare, deschideți caseta de dialog grup „Font” făcând clic pe săgeata mică situată în colțul din dreapta jos al acestui grup.

3. Listate „Font” găsiți numele noului font pe care l-ați instalat (în cazul nostru este Altamonte uz personal) și selectați-l.

Sfat: La fereastră "Probă" puteți vedea cum arată fontul. Acest lucru vă va ajuta să îl găsiți mai repede dacă nu vă amintiți numele fontului, dar îl amintiți vizual.

4. După ce faceți clic "BINE"în caseta de dialog „Font”, veți trece la noul font și puteți începe să îl utilizați.

Încorporarea unui font într-un document

Odată ce instalați noul font pe computer, îl veți putea folosi doar pe cont propriu. Adică, dacă trimiteți un document text scris într-un font nou unei alte persoane care nu are acest font instalat în sistem și, prin urmare, nu este integrat în Word, atunci acesta nu va fi afișat pentru el.

Dacă doriți ca noul font să fie disponibil nu doar pe computerul dvs. (bine, pe imprimantă, sau mai bine zis, pe o coală de hârtie tipărită), ci și pe alte computere, alți utilizatori, acesta trebuie să fie încorporat într-un document text. Citiți mai jos pentru informații despre cum să faceți acest lucru.

Notă:Încorporarea unui font într-un document va crește dimensiunea documentului MS Word.

1. Într-un document Word, accesați fila "Opțiuni", care poate fi deschis prin meniu "Fişier"(Word 2010 - 2016) sau buton „MS Word” (2003 — 2007).

2. În caseta de dialog „Opțiuni” care se deschide în fața ta, accesează secțiunea "Conservare".

3. Bifați caseta de lângă articol „Încorporați fonturi în fișier”.

4. Selectați dacă doriți să încorporați doar caracterele care sunt utilizate în documentul curent (acest lucru va reduce dimensiunea fișierului) sau dacă doriți să excludeți încorporarea fonturilor de sistem (de fapt, nu este necesar).

De fapt, putem încheia aici, pentru că acum știi cum să instalezi fonturi în Word, avându-le instalat anterior în Windows. Vă dorim succes în stăpânirea noilor funcții și a posibilităților nelimitate. programe Microsoft Cuvânt.

Fără font, cărțile, blogurile, anunțurile despre cursuri de schiță sau crearea de fulgi de zăpadă din pompoane sunt imposibile. Multe depind de alegerea fontului potrivit. Un font, ca chipul unei persoane, poate reflecta și evoca emoții și starea de spirit. De exemplu, ați dori ca oamenii să fie fericiți după ce vă citesc textul, dar din anumite motive rămân indiferenți. Întregul punct poate fi fontul ales greșit. Și asta provoacă disonanță cognitivă.

În cartea On Type, Eric Spiekermann, expertul numărul 1 în tipografie, arată că tipografia nu este o artă pentru elită, ci un instrument puternic la îndemâna tuturor celor care au ceva de spus și care doresc să-și exprime corect gândurile, atât pe hârtie și pe hârtie.ecran.

Aici este explicat designul într-un limbaj simplu, iar fontul încetează să mai fie ceva de neînțeles. Semnificativ, puternic, interesant. Această carte a fost deja citită de milioane de oameni din întreaga lume. Acum este și în rusă.

Faceți cunoștință cu Eric Spiekermann

Eric Spiekermann este designer, profesor la Academia de Arte din Bremen, membru al Consiliului German de Design și președinte al Societății Internaționale a Designerilor Tipografici.

Eric are o pasiune - fonturile. El poate spune cu ușurință din ce epocă este un anumit font. Ce font vă va arăta dragostea și care vă va arăta intențiile serioase.

Eric Spiekermann și cea mai faimoasă frază a lui despre tipare.

Dacă ați fost vreodată în Germania și ați călătorit cu trenuri germane, inscripțiile, diagramele și indicatoarele pe care le-ați văzut la stații, peroane și stații sunt scrise cu fontul Deutsche Bahn, creat de mâinile lui Eric Spiekerman. De asemenea, a creat fontul pentru Audi, designul pentru revista The Economicist. Și am scris această carte.

„Frumusețea publicațiilor sale este că sunt scrise de Eric pentru NON-designeri. Aceasta este ceea ce oamenii iubesc cu adevărat - designul și tipografia în limbajul uman obișnuit. Spiekermann - El este pur și simplu Papa al tipografiei moderne și al designului în general.”
Natalie Ratkowski

Ce e inauntru?

Aceasta este o adevărată lume paralelă în care fonturile sunt principalii locuitori. Și această carte vă va învăța să înțelegeți fonturile ca dosul mâinii. Există un număr mare de exemple în carte.

Designul grafic și tipografia nu sunt ușoare, dar chiar și proiectele simple pot beneficia de faptul că știi să alegi fontul potrivit.

Abilitatea de a prezenta informații este de a te asigura că cititorul nu se lasă distras, citește până la sfârșit și înțelege ceea ce ai vrut să spui. Aceasta este arta de a alege un font.

Litere cu caracter

Aruncă o privire mai atentă la scrisoare: este ușoară sau masivă, rotundă sau pătrată, subțire sau ghemuită. Cu ce ​​seamănă? Literele pot sta în atenție ca soldații, sau pot cânta sau dansa grațios într-o linie, pot striga sau râde. Unele cuvinte nu numai că sună, dar arată și mai plăcut decât altele.

Font pentru îndoială, surpriză, furie și bucurie. Ilustrație din carte

În fontul pentru cuvântul bucurie („bucurie”) forme deschise, lovituri încrezătoare și un sentiment de dinamică. E plăcut să vezi că unele cuvinte conțin o explicație în literele din care sunt alcătuite. Aceste forme libere și ușoare te vor face cu siguranță să te gândești la o persoană veselă, cu brațele deschise, în special la litera Y.

Fonturile îndrăznețe cu contururi ascuțite corespund sentimentelor sumbre, în timp ce emoțiile plăcute sunt transmise mai bine în fonturi ușoare, casual.

font Kafka

Designerii de fonturi și-au luat întotdeauna scrisul de mână ca model atunci când au dezvoltat fonturi. Limitările mecanice au dus la dezvoltarea fonturilor scrise de mână, scrise cu pensulă, stilou, stilou sau chiar creion. Au fost apoi tăiate din metal sau fotografiate și transformate în tipare.

Astăzi, odată cu dezvoltarea instrumentelor digitale, fonturile scrise de mână au devenit mai neobișnuite și personalizate. Acum puteți cumpăra „scrierea de mână” a unor artiști și scriitori celebri precum Picasso, Cezanne și Franz Kafka.

Fonturi ale grupului Mister K. Ilustrație din carte

Manuscrisele acestuia din urmă erau destul de ilizibile, dar acest lucru nu a oprit-o pe Yulia Sysmäläinen - ea a dezvoltat fontul Mr. K – cu grafia lui Kafka – cu toate imperfecțiunile pe care probabil că scriitorul ar vrea să le evite.

Puzzle tipografie

Să ne jucăm. Ce font crezi că se potrivește cu fiecare tip de pantof?

Ilustrație din carte.

Ce font să alegi

Poate că ai fost în această situație: seara târziu, zbor la șase dimineața și încă îți faci valiza și nu te poți decide ce să iei cu tine.

Acest lucru se întâmplă atunci când alegeți un font.

Alegerea fontului potrivit pentru un anumit mesaj este interesantă și dificilă în același timp. Ce vrei să introduci în mesaj, în afară de fapte? Cum vrei să-l interpretezi, să-l comentezi, să-l decorezi? Dacă alegeți un font „neutru”, cum ar fi Times New Roman, atunci mesajul este neutru.

Gândindu-te la aspectul mesajului, îl interpretezi într-un fel sau altul.

Înainte de a împacheta fonturile într-o valiză imaginară, aruncați o privire asupra problemei. Este necesar să se echilibreze practic și estetica.

Asociem aspectul unui anumit font cu un anumit produs. Astfel, inscripțiile cu font improvizat de mână sunt mai potrivite pentru produsele proaspete. Produsele de panificație corespund serifurilor în formă moale, cerealele integrale sunt cel mai bine reprezentate de tipărite scrise de mână rapid, cu contururi zimțate, iar întreprinderea serioasă de afaceri este asociată cu epoca gravurii pe cupru, titlurile de valoare au fost produse sub formă de certificate tipărite elaborate.

Răspândire carte

Încă în carte

Cu această carte, veți privi fonturile într-un mod nou, veți învăța să le înțelegeți și veți alege pe cel potrivit pentru scopurile dvs. Cartea conține o mulțime de informații interesante și practice:

• Istoria evoluției fontului
• Selectarea unui font pentru o anumită sarcină
• Lizibilitatea și lizibilitatea fontului
• Cum să faci un font să funcționeze
• Caracteristicile fontului ecranului
• Ziar, revistă, aspect de carte pentru text
• Viitorul fonturilor
• Listă de literatură și site-uri web despre tipografie

…200 de pagini cu fapte istorice interesante, sfaturi utile despre alegerea și utilizarea fonturilor, exemple ilustrative frumoase.

Îți poți petrece întreaga viață învățând să alegi fontul potrivit și este extrem de interesant, aproape ca și cum stăpânești acuarele. De asemenea, este util pentru că este una dintre modalitățile de a transmite idei publicului tău. Fă-ți prieteni cu fonturile!

Bună ziua, dragi cititori!

Într-un articol anterior, am scris despre cum să stilizezi conținutul pe un site care rulează WordPress într-un mod nestandard, folosind stiluri CSS inline. Folosind stiluri, puteți, printre altele, să schimbați fontul folosit în text.

Fonturile pentru un site web sunt cel mai important element al designului său. Comportamentul vizitatorului pe pagină depinde de alegerea corectă a acestuia. Este necesar să alegeți tipul potrivit de font, dimensiunea, grosimea, înclinarea, culoarea acestuia, astfel încât toate acestea să fie combinate armonios cu designul general.

Dar uneori este nevoie de a folosi fonturi neobișnuite, iar o multitudine de ele au fost acum dezvoltate - artistice, scrise de mână, gotice, rusești vechi etc. Poate fi folosit oricare dintre ele pe site?

Este posibil, dar există anumite condiții.

Fonturi standard și personalizate

Pentru ca fontul pe care alegeți să îl afișați corect pe ecranul unui utilizator, acesta trebuie să fie instalat pe computerul acestuia. La instalarea sistemului de operare, primim și un anumit set de fonturi. Acest set se numește standard. Fiecare sistem de operare are propria sa listă de fonturi standard. Dar există fonturi care sunt prezente în toate sisteme de operare, se numesc sigure. Puteți utiliza în siguranță oricare dintre ele pe site-ul dvs. web, fără a vă teme că nu va fi afișat corect pe computerul vizitatorului. Desigur, aceste fonturi sunt cele mai populare, sunt folosite pentru a introduce conținut pe majoritatea site-urilor și sunt ușor de citit.

Pe lângă fonturile standard, utilizatorul poate instala și alte fonturi non-standard pe computerul său, dar pot apărea probleme cu afișarea acestora. Uneori, utilizatorii neexperimentați, care pregătesc un document text obișnuit în Word sau o prezentare, folosesc un font artistic frumos pe care l-au găsit pe Internet și l-au instalat pe computer. Când se pregătesc, totul arată grozav, dar când încep să vizualizeze această prezentare pe alt computer, se dovedește că acest font frumos este înlocuit cu unul obișnuit, standard.

Același lucru se întâmplă și cu site-urile web. Pentru ca fontul non-standard pe care îl utilizați să fie afișat corect pe computerul unui vizitator al site-ului, acesta trebuie să fie instalat pe computerul vizitatorului site-ului. Dar nu puteți solicita miilor de vizitatori să instaleze un anumit font pentru a vă vizualiza site-ul.

Cum se rezolvă această problemă?

Pentru a face acest lucru, trebuie să conectați fonturile necesare la site.

Cum să conectați fonturile pentru un site web

Există două modalități principale de a face acest lucru. În primul caz se folosesc fonturi situate pe un server specializat la distanță, al doilea implică plasarea fișierelor cu fonturi pe serverul site-ului propriu-zis.

În acest articol vom arunca o privire mai atentă asupra primei metode.

Lucrul cu serviciul Fonturi Google

Sa incepem cu serviciu Google Fonturi, ca fiind cel mai faimos și de încredere.

Nu degeaba vorbesc despre fiabilitate, pentru că dacă utilizați o resursă terță parte pe site-ul dvs., atunci aceasta trebuie să fie verificată și de încredere. În procesul de pregătire a acestui articol, am vizitat mai multe site-uri cu colecții de fonturi pe care le aveam în marcaje. Le-am mai folosit, dar s-a dovedit că unul dintre ele a fost dezactivat pentru neplata găzduirii, celălalt, de pe care am cumpărat odată foarte fonturi frumoase, blocat de antivirus.

Pe site , după cum se poate vedea din captura de ecran, pe acest moment Colecția conține 708 fonturi, dar nu toate sunt potrivite pentru noi. Pentru site-urile în limba rusă, sunt necesare fonturi care acceptă chirilic. În stânga există filtre pentru selecție, unde în lista derulantă Scenariul alege Chirilic, după care au mai rămas deja 61 de opțiuni. Noi alegem dintre ei. Adăugați fonturile care vă plac la colecție făcând clic pe butonul .

După selecție, treceți la următorul articol - butonul Revizuire. Pe pagina care se deschide, puteți vedea cum va arăta textul și puteți încerca să îi schimbați parametrii.

Apoi trecem la ultimul punct - butonul Utilizare. Aici puteți copia codul pentru a conecta fontul la site.

Acest cod ar trebui inserat în pagina HTML a site-ului dvs. între etichete<cap> șicap>. Pentru site-urile WordPress, aceste etichete se află în fișierul antet header.php. Pasul 4 copiază codul pentru a descrie stilul CSS.

După cum puteți vedea, am ales trei opțiuni și dacă acum introdu următorul cod în editorul HTML WordPress:

apoi pe pagină va arăta astfel:

Acest text este formatat într-un mod non-standard. Poiret Unu.

Există două modalități principale de a face acest lucru. Russo Unu.

Să aruncăm o privire mai atentă la prima metodă. Mark Script.

Lucrul cu serviciul AllFont.ru

O alta serviciu bun pentru a selecta un font pentru site - . Se pare că există și mai multe opțiuni aici. Cel putin e mai variat. Puteți alege folosind rubricatorul sau puteți căuta după nume.

Pe pagina fontului selectat, puteți schimba culoarea, fundalul, dimensiunea, textul și puteți vedea cum va arăta.

După aceasta, puteți copia codurile de încorporare pe site. Totul se face în același mod ca și pe site-ul Google Fonts. Am ales fontul AGZeppelin-Roman ca exemplu, uite cum arată.

Bine ați venit la cea mai mare bibliotecă AllFont.ru

Sper că ați găsit articolul util. Dacă da, abonați-vă la actualizări de blog, pe măsură ce se pregătesc noi articole utile.

Pe curând.