Fonturile Google sunt rusești. Utilizare în CSS. c) Implementarea fonturilor Google folosind HTML

Ele pot fi descărcate ca un plugin Supreme Google Web fonturi, care este cel mai convenabil în în acest caz,. După adăugarea pluginului la panoul de administrare, un panou de selecție a fonturilor este adăugat la meniul editorului vizual. Acest lucru este foarte convenabil, deoarece nu este necesară instalarea fontului și nu activări suplimentare. Dupa in editor vizual va apărea o listă de fonturi, administratorul va putea formata textul cu aceleași într-un mod simplu, Ca în editor de text, selectând fragmentul dorit și atribuindu-i un anumit tip. Textul va fi scris cu fontul selectat.

În acest articol dorim să discutăm despre 10 celebre Fonturi Google, care acceptă alfabetul chirilic și sunt disponibile pentru descărcare în panoul de administrare al oricărui site. Acest lucru este departe de cel mai mult fonturi populare, dar fiecare dintre ele merită cu siguranță atenția ta. Alegând unul dintre astfel de fonturi originale, vă puteți diversifica design text paginile dvs. web.

Un astfel de font este Roboto. Acesta este un tip de font destul de atractiv. Literele creează contururi atractive care fac blocuri de text cu o textură subtilă. Acest font este destul de ușor de citit, iar în titluri creează detalii interesante care atrag imediat atenția utilizatorului.

Deschide Sans

Un alt font este Open Sans. Fontul este disponibil pentru descărcare gratuită de pe site-ul Google Web Fonts. Numele acestui font va suna corect cu accent pe ultima silabă. Acest font este potrivit pentru evidențiere fraze cheieîn texte, crearea de titluri, titluri de secțiuni.

Oswald este un alt font chirilic faimos. Astăzi, acest font este folosit destul de des. Este destul de lizibil și arată decent atât în ​​formatele mari, cât și în cele mici.

Sursa Sans Pro

Un tip modern de font care dă impresia unui design futurist, în timp ce arată destul de elegant. Source Sans Pro arată destul de organic, poate fi folosit în pasaje de text și articole mari.

Font chirilic Merriweather - tip obișnuit font. Majoritatea caracterelor din acest font se afișează perfect pe monitoarele LCD. În ceea ce privește saturația, acest font este pur și simplu excelent.

Open Sans Condensed

Fontul Open Sans Condensed este un font din familia de fonturi Cyrillic. Atrăgător, lizibil, impecabil.

Laura

Lora este un alt font Google chirilic. Prezintă un contrast unic între gros și elemente subțiriîn conturul literelor. Acest font poate fi numit foarte feminin. Fontul este disponibil și pentru descărcare gratuită și este prezentat în același stil.

Numele ambiguu al fontului Ubuntu încă nu poate însemna că acest font este oarecum rău. Fontul este atractiv și prezentat într-un stil consistent.

Exo 2

Exo 2 este un alt font chirilic foarte interesant. Are până la 18 stiluri și, prin urmare, poate fi folosit aproape peste tot.

Lobster este un tip de font italic. Curbele frumoase ale literelor se potrivesc împreună pentru a crea un contur atrăgător. Formele rotunjite ale literelor vă permit să creați blocuri de text cu o textură subtilă. În pasaje mici de text, acest font este destul de ușor de citit, iar în titluri creează detalii interesante care atrag imediat atenția utilizatorului.

Sperăm că asta scurtă recenzie vă va fi util dacă tema alegerii fonturilor pentru design este relevantă pentru dvs continutul textului site-ul tau.

Google Fonts este una dintre cele mai mari arhive cu sute de fonturi. Având în vedere natura sa universală și disponibilitatea universală, aproape orice simț al utilizării este pierdut fonturi obișnuite Mod implicit. Folosind serviciul, puteți implementa diverse exemple non-standard.

În acest articol veți găsi o selecție de 10 fonturi Google gratuite, ideale pentru anteturile site-urilor web. Sunt instalate în multe proiecte web din întreaga lume. Materialul este o traducere a acestei note din Jake Rocheleau.

Dacă nu sunteți sigur cum să conectați exact această funcționalitate, vă puteți uita la postarea despre - există câteva exemple acolo.

1. Montserrat

Deoarece variațiile îndrăznețe sunt foarte întunecate, Catamaran ar trebui să fie folosit numai în titluri cu dimensiuni mari. Arată bine în aproape orice caz, dar uneori fontul pare prea greu și dens.

7. PT Sans

Dacă utilizați WordPress CMS în proiectul dvs. web, vă recomandăm să citiți articolul despre conectarea fonturilor în WordPress, care discută și metoda cu Google Fonts.

Bună ziua, dragi cititori ai site-ului blogului. Astăzi vreau să scriu o scurtă notă despre cum puteți extinde lista de fonturi pentru site, a căror utilizare nu va cauza probleme de afișare în browserele utilizatorilor care utilizează serviciul Font Google.

În mod implicit, atunci când proiectați, puteți utiliza doar acele fonturi care probabil vor fi instalate pe computerul tuturor vizitatorilor dvs., dar uneori doriți să folosiți ceva mai frumos.

După cum se știe, set standard, acceptat de orice browser, este format din Arial, Verdana, Times New Roman, Georgia, Trebuchet MS, Courier New, Comic Sans MS și mai multe opțiuni care sunt preinstalate pe aproape toate sisteme de operare computerele utilizatorului. Mai mult informatii detaliate pentru diferite sisteme de operare puteți căuta.

Fonturi de la serviciile online pentru computere și site-uri web

În general, tu, ca webmaster, poți avea două moduri principale de a folosi fonturile - instalarea acestora pe computer, precum și utilizarea lor pe site-ul tău web. În mod implicit, Windows are deja un număr suficient de ele, dar sunteți liber să le adăugați singur, iar programele pe care le instalați contribuie și ele la completarea acestei liste.

Odată am ajutat un prieten să înțeleagă complexitățile alfabetizare computerși a observat că totul este afișat în rezultatele lui Yandex font italic. A fost perceput ca fiind destul de dificil, dar m-a asigurat că era destul de obișnuit cu o asemenea rușine și chiar era mândru că a reușit cumva să facă asta.

Schimbarea browserului nu a dus la o schimbare a situației actuale și m-am gândit că cel mai probabil este vorba de fonturi. Pentru a face acest lucru, am intrat în setările lor selectând elementul cu același nume în „Panoul de control” din Windows (de obicei se află în meniul butonului „Start”). Deși ați putea trece prin Explorer în folderul C:WINDOWSFonts.

Ei bine, mintea cu adevărat iscoditoare a prietenului meu din anumite motive l-a sfătuit să ștergă Arial Normal, în loc de care Arial Italic rămas în sistem a fost încărcat pentru ieșirea Yandex. Situația ar putea fi corectată prin simpla descărcare fontul dorit de pe Internet și instalându-l în mod standard.

Pentru a descărca fonturi, folosesc de obicei un serviciu online Xfont.ru, acolo unde este disponibil index alfabetic si o bara de cautare (cei care au venit sa citeasca despre Google Font, deruleaza pagina putin mai jos sau asteapta putin cat iti spun elementele de baza).

De fapt, folosiți căutarea în Xfont și mergeți la pagina cu fontul de care aveți nevoie, unde faceți clic pe butonul Descărcare. În acest caz, primiți un fișier gata de instalare. De obicei, au extensii fie .ttf (TrueType - convenabil pentru că arată la fel pe ecran și pe tipărire), fie .otf (OpenType), fie .fon.

Acum, prin Explorer sau Panoul de control, accesați folderul Fonturi (C: WINDOWSFonts) și faceți clic Click dreapta mouse-ul de spațiu gol. Din meniul contextual va trebui să selectați cel mai mic element „Instalează fontul”.

Ei bine, în fereastra care se deschide, găsiți fișierul pe care tocmai l-ați descărcat, selectați-l și faceți clic pe butonul „Instalare”:

De fapt, asta-i tot. Apăsați F5 pentru a reîmprospăta lista din folderul Font și veți vedea începătorul. Pentru a-l face să apară în programele dvs. precum Word sau Photoshop, nu trebuie să faceți nimic suplimentar, cu excepția poate reîncărca aceste programe dacă erau deschise în momentul instalării fontului. În general, nu ar trebui să existe dificultăți cu această problemă - descărcați-l, instalați-l și îl puteți utiliza.

Când trebuie să găsiți un set cu cască potrivit (indiferent de proiectul dvs. de internet sau pentru un computer), atunci cel mai probabil le veți căuta pe unele serviciu online x, dintre care există destul de multe pe Internet și probleme speciale asta nu se va întâmpla. Dificultățile apar tocmai cu fonturi înșurubate pe siteși aici este locul în care Google Font este util.

Acea. Problema folosirii oricărui font frumos care vă place pe un site web depinde în principal de prezența sau absența acestuia pe computerul utilizatorului care vă vizualizează resursa. În principiu, problema poate fi rezolvată prin simpla adaugare recrutare opțiuni alternativeîn dosar Stiluri CSS(enumerate separate prin virgule).

De exemplu, dacă ați specificat în fișierul tabel stiluri în cascadă pentru un anumit fragment de text, un anumit font care poate să nu se afle pe computerul unei anumite părți a utilizatorilor care vă vizualizează resursa, apoi adăugați câteva opțiuni separate prin virgule, care vor fi folosite dacă cea cerută nu este disponibilă:

Familia de fonturi: Arial, Helvetica, sans-serif;

Fontul poate fi scris și ca o regulă prefabricată, de exemplu, astfel:

Font:bold 11px Arial, Helvetica, sans-serif;

În ambele cazuri, dacă Arial nu este instalat pe computerul utilizatorului (și se întâmplă acest lucru), acesta va fi folosit pentru a afișa zona dorită Text Helvetica, iar dacă nu este disponibil pe computerul vizitatorului, atunci oricine din familia Sans Serif (sans serif) găsit printre fonturi instalate acest vizitator la resursa dvs.

Dar acesta este în mare parte un compromis. In orice caz, situații fără speranță nu se întâmplă și aici intră în scenă un serviciu online apărut relativ recent de la stimatul și iubitul nostru Google ().

Acest gigant și-a anunțat propria soluție care vă permite să extindeți setul de fonturi online frumoase (inclusiv ruse, adică chirilice), care pot fi folosite fără probleme și fără teama de afișarea lor incorectă în browserele utilizatorilor. Acum această slujbă minune poartă un nume mândru Font Google.

Permiteți-mi mai întâi să vă descriu ideea generală propusă și implementată de Google, apoi vom analiza toate acestea în detaliu. Așadar, acest lider în căutarea mondială a creat un serviciu online special unde poți alege fontul care îți place cel mai mult (numărul celor disponibile este în continuă creștere și printre ele există deja și chirilice în cantități suficiente din care să alegi).

Acolo puteți obține toate instrucțiunile pentru conectarea oricărui font doriți (totul este foarte simplu până la banalitate), și vi se vor oferi, de asemenea, mai multe opțiuni pentru conectarea acestora la site și Set complet Proprietăți CSS care vor trebui doar adăugate la fișierul de markup de stil.

Dar cum va fi atașat fontul site-ului? Ei bine, desigur, va fi încărcat după cum este necesar de la servere Google. Google are uriaș capacitate tehnicăși poți fi sigur că nu vor exista întârzieri la încărcare.

În plus, dacă utilizatorul a vizitat deja resurse care utilizează Google Font API, atunci fonturile necesare vor fi cel mai probabil deja în memoria cache a browserului său.

API-ul Google Font în sine este absolut gratuit și se dezvoltă dinamic pentru a crește numărul de fonturi frumoase, neobișnuite și artistice acceptate, care sunt distribuite sub o licență gratuită și în sine. aceasta metoda conexiunea lor la site va fi implicit între browsere.

Folosind primul dintre linkurile încercuite în captură de ecran, vă puteți familiariza cu principiile de funcționare, iar al doilea vă va duce, de fapt, acolo unde aveți nevoie - la un depozit de fonturi online pe care le puteți atașa proiectului dvs. , sau, dacă doriți, instalați pe computer.

Font Google - Fonturi rusești pentru computere și cod pentru site

Mai întâi poți accesa pagina font Google, unde este dat în într-o formă vizuală toate având opțiuni de font nu numai pentru site, ci și pentru computer, dacă dintr-o dată vrei să le folosești. Pentru a vedea opțiunile chirilice disponibile, accesați fila corespunzătoare din meniul din stânga:

Există deja destul de multe fonturi rusești acolo (aproximativ cinci duzini), dar au început probleme. Cred că de-a lungul timpului veți avea destule de ales, deși gama de opțiuni latine din Google Font este deja impresionantă (mai mult de șase sute).

Implicit, pentru fiecare font prezentat acolo, este afișată o linie de text tipărită folosindu-l, astfel încât să puteți evalua stilul. Cu toate acestea, veți putea vedea atât un paragraf de text pe care l-au tastat, cât și un cuvânt - toate acestea sunt selectate folosind filele situate în partea de sus:

Dacă doriți să adăugați unele dintre fonturile rusești la computerul dvs, atunci va trebui să faceți clic pe butonul albastru situat sub ele, astfel încât acestea să intre în colecția dvs. După ce adăugați tot ce este interesant, faceți clic pe butonul sub forma unei săgeți în jos situat în colțul din dreapta sus:

Ca rezultat, se va deschide o fereastră unde poti descarca toate fonturile rusești (sau latine, dar cel mai important, frumoase) la alegere, împachetate într-unul singur Arhivă zip. Pe computerul dvs., îl veți despacheta și îl veți instala în conformitate cu algoritmul descris mai sus.

De asemenea, vă oferă să descărcați un program de lucru cu fonturi de la Gul numit SkyFonts, dar mă îndoiesc serios de valoarea sa specială.

După cum am spus mai sus, toată această splendoare poate fi atașată site-ului tău. Imaginează-ți cum va ieși în evidență proiectul tău dacă titlurile sale sunt afișate font scris de mână sau altfel diferă într-un fel de standardele Arial, Verdana, Times New Roman, Georgia, Trebuchet MS, Courier New sau Comic Sans MS. În orice caz, merită încercat.

Singurul „dar”. Cu atât mai mult fonturi frumoase veți dori să vă conectați la site-ul dvs. folosind acest serviciu Google, cu atât va fi mai mare impactul pe care îl vor avea asupra vitezei de deschidere a paginilor dvs. Moderația trebuie respectată în această chestiune, iar proiectul va părea prea stângaci.

De fapt, Google Font vă va avertiza cu siguranță cantitati mari căștile conectate. Asa de, mai întâi șterge totul, ceea ce ați adăugat la colecția dvs. când descărcați și instalați aceste capodopere pe computer (vezi captura de ecran de mai jos).

Apoi, încă o dată, parcurgeți cu atenție lista de fonturi chirilice și adăugați la colecție doar cele care sunt de fapt vrei să te conecteziși folosiți-l pe site-ul dvs. Puteți, desigur, să încercați să adăugați multe colecții pentru a le evalua aspectul direct pe paginile proiectului, dar apoi asigurați-vă că reveniți la Font Google și ștergeți excesul.

Deci, colecția este completă. Acum faceți clic pe butonul „UTILIZARE” din colțul din dreapta jos:

Voi face imediat o rezervare că, dacă aveți nevoie de un singur font de la acest serviciu online, atunci nu trebuie să îl adăugați la colecție, ci doar să faceți clic pe butonul afișat în captură de ecran. Dar nu contează, pentru că, ca urmare, se va deschide aceeași fereastră.

La primul pas al expertului, vi se vor afișa toate fonturile minunate care au fost adăugate la colecție (sau doar unul, dacă nu ați creat o colecție).

Pentru fiecare dintre ele, puteți, de asemenea, să bifați casetele, astfel încât să fie încărcate stilurile italice, aldine și alte stiluri. Deși, de fapt, acest lucru nu merită făcut, deoarece toate acestea în două clicuri pot fi setate în dvs fișier CSS si nu incarca. Doar bifați caseta Normal și gata, faceți singuri restul.

Desigur, cu cât mai multe fonturi doriți să vă conectați la site și Mai mult opțiuni, bifați casetele, cu atât paginile proiectului dvs. vor deveni mai puțin agile. Ce este grozav este că Google Font ne avertizează sincer despre acest lucru și ne arată clar în formă senzor de încărcare pe pagină, situat în dreapta.

În exemplul meu, am părăsit zona de confort de a încărca în mod neobservat toate fonturile pe care le-am selectat. Probabil că nu ar trebui să faci asta. Bine, să derulăm în jos în pagină și în al doilea pas selectăm ce limbi avem nevoie (cred că merită remarcat alfabetul latin sau chirilic, sau o opțiune rusă va fi suficientă). Vă rugăm să rețineți că și săgeata contorului de sarcină reacționează la aceste casete de selectare.

  1. Cel mai evident dintre ele este primul, care este implementat folosind un (hyperlink de serviciu). Va trebui să fie inserat în șablonul de resurse în zona dintre etichetele HeaD de deschidere și de închidere (citiți detaliile de mai jos).
  2. A doua opțiune sugerează utilizarea unei directive, care va trebui adăugată la dvs fișier de stil. În general, această metodă este modernă și vă puteți uita la link-ul oferit exemplu clar folosind @import când aspectul blocului cel mai simplu aspect.
  3. A treia opțiune vă invită să utilizați codul JavaScript, care din nou poate fi introdus în zona dintre etichetele HeaD de deschidere și de închidere sau plasat în dosar separat scripts.js, dacă știi despre ce vorbesc. Într-o serie de articole despre asta am scris-o fișier partajat stilurile ar fi de ajutor.

Ei bine, la al patrulea pas, ei vă vor spune cum puteți atribui un afișaj folosind un anumit font unui anumit fragment de text, un titlu sau alt element. Acest lucru se face, firesc, cu folosind CSS proprietățile familiei de fonturi sau o regulă de font prefabricată conform regulilor descrise în articolul de mai sus.

Vă sfătuiesc insistent să vă familiarizați cu el, pentru că am încercat să mestec totul acolo într-o stare foarte digerabilă. Ei bine, pentru a înțelege exact cum să specificați elementul pentru care va fi conectat acest font, nu puteți face fără selectoare. Stii ce e asta? Dacă nu, atunci această serie de articole va oferi, sperăm, claritatea necesară:

Când specificați fonturi, indicați dimensiunile acestora în unități diferite măsurători, așa că probabil că nu vă va strica să vă familiarizați cu ele (dacă doriți, desigur) -.

Pentru experimente rapide Vă sfătuiesc să încercați să utilizați , în care va trebui să îl introduceți eticheta necesară. De exemplu, l-am introdus în codul unuia dintre titlurile acestui articol și am inclus în el proprietatea propusă în Google Font CSS:

Textul antetului, unde schimbăm rapid fontul

Și, desigur, am conectat fontul online necesar (Stalinist One) adăugând linia:

la fișierul header.php din folderul cu tema mea, în care mă aflu acest momentÎl folosesc pe blogul meu WordPress. Drept urmare, după reîncărcarea paginii, unul dintre subtitluri arăta astfel:

Cu toate acestea, acum am eliminat hyperlinkul serviciului Link din fișierul header.php, dar titlul care urmează acestui paragraf folosește în continuare fontul „Stalinist One” încărcat din Google Font. Cum sa întâmplat asta? Tocmai am inserat acest Link la începutul articolului - nu este afișat deloc în text, dar fontul necesar de la Google este încărcat regulat. Și i-am adăugat și o înclinare prin stilul fontului.

Prin urmare, fonturile Google pot fi folosite local și nu pentru toate paginile proiectului.

Cum să instalezi fonturi online frumoase pe un site web?

Deci, pentru a adăuga font nou preluat de la Font Google pe site, va trebui mai întâi să vă conectați la resursa dvs. prin FTP, de exemplu, folosind FileZilla, pe care îl folosesc eu însumi. În articolul despre acest manager FTP, am adăugat la sfârșit o modalitate de a-l face cu adevărat sigur în ceea ce privește .

Dacă folosiți Zila, atunci nu încercați să fiți curioși să îmbunătățiți securitatea acestuia, pentru că, din cauza neatenției mele, au reușit să planteze un virus pe computerul meu, care și aproape toate proiectele mele au suferit într-o măsură sau alta din cauza introdusului. malware, cu care m-am luptat puțin, poate șase luni?

Pentru un blog pe WordPress trebuie să deschideți fișierul Header.php pentru editare din folderul cu tema WordPress pe care o utilizați, citiți despre scopul șabloanelor. Il poti gasi in felul acesta:

Wp-conținut/teme/titlu Teme WordPress

Multă baftă! Inainte de pe curând pe paginile site-ului blogului

Puteți viziona mai multe videoclipuri accesând
");">

S-ar putea să fiți interesat


Google a creat o colecție deschisă de fonturi web.
La Ajutor Google Font API aveți acces gratuit la acestea, ceea ce face posibilă adăugarea cu ușurință a fonturilor web pe site-ul dvs. Nu va dura mai mult de 15 secunde! Complet gratuit, aveți acces la un depozit imens de fonturi.

Printre avantaje:

mare alegere fonturi web de înaltă calitate pentru oricare dintre paginile dvs.
● suport pentru aceste fonturi în aproape toate browserele (inclusiv Explorer 6).
● Incredibil de ușor de utilizat.
● Stocarea fonturilor continuă să crească în fiecare zi.

Mai jos voi da instrucțiuni pas cu pas, cum să găsiți și să instalați fonturi rusești pe site-ul dvs. web.

Pentru a utiliza API-ul Google Fonts, urmați acest link.

Faceți clic pe butonul chirilic (așa cum se arată în imaginea de mai jos)

Din lista de fonturi furnizate, selectați fontul dorit. Apoi faceți clic pe fila „Utilizați acest font”. Remarc că nu aveți nevoie de fila „Descărcare” doar dacă doriți să utilizați acest font pe computer, de exemplu, pentru Photoshop (deși Google cere, dar nu cere, să contribuie la dezvoltarea viitoare a repertoriu).
Dacă intenționați să utilizați acest font cu caractere cursive sau aldine, atunci bifați casetele de lângă numele corespunzătoare.

Observați unde este numele fontului (subliniat cu verde). Va fi necesar dacă adăugați manual numele fonturilor.


Și îl puteți utiliza deja în foile de stil CSS. Doar adăugați numele fontului în proprietatea familiei de fonturi, amintindu-vă să adăugați fonturi web standard la sfârșit.

h1 (familie de fonturi: „PT Serif”, arial, serif; )

De asemenea, puteți conecta și utiliza mai multe fonturi pe site-ul dvs. simultan.
Înregistrarea conexiunii arată așa. Imaginea arată ce este.


În plus, puteți testa fontul cu diferite setări online.


Făcând clic pe butonul Lansare în previzualizarea fontului, aveți ocazia să vă jucați cu setările pe loc. CU partea dreapta(pe un fundal în carouri) poți introduce imediat text, iar în stânga poți personaliza tipul de text. Apoi mai jos primești cod gata CSS, precum și o linie de comandă pentru a conecta fontul la site.

Alternativ, puteți utiliza Extensiile Google. Cu ajutorul acestuia, puteți testa fonturile direct pe site-ul dvs. web. Este foarte convenabil, puteți vedea imediat cum arată site-ul în acest font.

Pentru a rezuma, observ că această creare a Google este incredibil de convenabilă. După cum demonstrează faptul că Smashingmagazine și-a relansat site-ul web folosind fontul Droid din depozitul de fonturi Google. Vă ia mai puțin de un minut pentru a conecta fontul de care aveți nevoie, iar Google oferă viteza de conectare.

Ce au in comun? proprietate CSS @font-faceȘi Fonturi web Google?
@font-face vă permite să folosiți propriile fonturi (nu fonturi sigure pentru web) atunci când afișați un site, Google ne oferă un instrument pentru implementare rapidă. Acest lucru a fost creat de Google stocarea fonturilor online, pentru ca tu și cu mine să le putem folosi în lucrările noastre. Cel mai important lucru este că toate fonturile sunt absolut gratuite și 100% legale. Profit

Deci, cum funcționează totul?

Alegem tipul de font de care avem nevoie (cred că chirilica și latină vor fi relevante aici. Sau există oameni din Cambodgia și Grecia?)

Voi descrie lucrul cu fonturi care conțin chirilic, care este încă o limbă maternă. Există doar 8 fonturi chirilice în depozitul Google, foarte puține. Dar sper că se lucrează în această direcție. Canonical (compania care produce Ubuntu) a fost mulțumită de faptul că a făcut disponibil gratuit fontul proprietar al sistemului de operare Ubuntu 10.10. Open Source este bun.

Selectați fontul dorit din depozit Fonturi Googleși lansați previzualizarea, acolo puteți ajusta parametrii fontului selectat (dimensiunea fontului, cursive sau aldine) și puteți obține imediat codul pentru site-ul dvs.

Selectăm parametrii de afișare de care avem nevoie și mutăm glisoarele. Cu exceptia parametri standard cum ar fi sublinierea și transformarea în litere mari și mici, puteți adăuga o umbră textului alegând dintre cele mai comune 4 tipuri. De versiuni Google, firesc. Ulterior, puteți schimba codul și faceți-l după cum este necesar, dar opțiunea este cu siguranță necesară. Sper că vor adăuga o setare de umbră opțiunilor cu mai multe posibilități largi. Asta e deocamdată, dar mulțumesc pentru asta.

La fereastră previzualizare controlăm rezultatul obținut.

Mai jos este codul de care avem nevoie pentru site. Poate fi folosit cu unele rezerve. În mod implicit, Google include toate stilurile disponibile, uneori acest lucru nu este necesar. Codul CSS poate fi curățat și prin eliminarea acelor selectori care nu au fost configurați în fereastra de opțiuni.

După cum puteți vedea, selectorul care este responsabil pentru fontul în css se numește font. Pentru a modifica dimensiunea fontului în CSS, trebuie să introduceți font-size:15px și să modificați numărul de pixeli la valoarea dorită. ÎN css bold fontul este specificat de următorul selector: font-weight: bold și așa mai departe.

Stilurile necesare și un exemplu de utilizare a fontului pentru elementele paginii pot fi selectate și văzute în fila „Utilizați acest font”.

Acesta este un lucru foarte la îndemână Google Font API, poți conecta un font în doar câteva minute, există o selecție mare de fonturi (pentru alfabetul latin alegerea este cu adevărat impresionantă) iar viteza de încărcare a fontului de către client este asigurată de serverele Google.

Și un ultim lucru. Orice font pentru css de la stocare onlineÎl puteți descărca pe computer pentru a fi utilizat în sistem. Și acesta este, de asemenea, perfect gratuit, vor cere doar o donație, care poate fi de 0 USD. Aici totul este pe conștiința ta, fiecare decide singur dacă plătește sau nu.

Sper că informațiile au fost utile și că ați învățat ceva nou

  • Serghei Savenkov

    un fel de recenzie „scurtă”... de parcă ne-am grăbi pe undeva