Kopš tās izstrādes 2010. gadā Google fonti kļuva par galveno resursu pielāgotai tīmekļa tipogrāfijai. Ir trīs galvenie iemesli, kāpēc Google šajā jomā kļuva par līderi. Pirmkārt, nebija pietiekami pienācīgu fontu pakalpojumu, tāpēc Google aizpildīja tukšumu. Otrkārt, pat sākumā viņu piedāvātā daudzveidība bija salīdzinoši liela. Pašlaik ir pieejami vairāk nekā 800 fontu dažādos stilos. Treškārt, šie fonti ir pieejami bez maksas, padarot tos īpaši pievilcīgus.
Turklāt tos ir pārsteidzoši viegli integrēt jūsu dizaina projektos. Mēs parādīsim, kā varat iekļaut šos Google fontus savā WordPress vietnē.
Google fonti
Lai sāktu, jums būs jāizvēlas fonts, ar kuru vēlaties strādāt. Ir dažādas iespējas, tāpēc jums ir diezgan liela izvēlne, no kuras izvēlēties. Tos varat atrast, dodoties uz Google fontu lapu . Ja meklējat konkrētu fontu, vienkārši ierakstiet fonta nosaukumu meklēšanas lodziņā, un tam vajadzētu parādīties paraugā.
Varat izmantot arī citus meklēšanas parametrus. Tieši zem meklēšanas lodziņa ir poga ar nosaukumu Kategorijas. Noklikšķinot uz šī, tiks parādīta nolaižamā izvēlne ar piecām opcijām. Tie ir šādi:
- Serif — tie ir fonti ar īsām līnijām, kas izriet no burta augšējās un apakšējās svītras. Times New Roman un Sylfaen ir labi piemēri.
- Sans Serif — kā norāda nosaukums, šie ir fonti bez šīm mazajām līnijām. Viņiem parasti ir vienkārša un tīra estētika.
- Displejs — tos var saukt par uzmanību piesaistošiem fontiem. Tie ir vislabāk piemēroti virsrakstiem, nevis garam tekstam.
- Rokraksts — šie fonti rada iespaidu, ka kāds tos būtu rakstījis ar roku. Jūs atklāsiet, ka daudzi ir kursīvā vai tiem ir mazāk konsekventas atstarpes.
- Monospace — tāpat kā rakstāmmašīnā, to burti aizņem tādu pašu horizontālo platumu. Tie ir izvietoti ļoti konsekventi.
Papildus tiem ir pieejamas arī citas izvēles iespējas, piemēram, valodas un fonta rekvizītu atlase. Pēdējais ietver stilu skaitu, biezumu, slīpumu un platumu.
Fontu iegulšana pakalpojumā WordPress
Ja vēlaties iekļaut šos unikālos fontus savā WordPress vietnē, varat izmēģināt vairākas metodes.
Izmantojot CSS
Noklikšķiniet uz fonta no Google atlases, un tas novirzīs jūs uz detalizētu fontu lapu. Augšējā labajā stūrī ir “+” zīme. Noklikšķiniet uz tā, un tiks atvērts sānu logs. Noklikšķiniet uz "Iegult".
Tagad varat noklikšķināt uz @importēt. Tiks atvērts CSS kods, kas jums jākopē. Dodieties uz sava WordPress motīva stila lapu un ielīmējiet to sākumā. Pārliecinieties, vai esat nokopējis importēšanas saiti bez