Kopš tā izstrādes 2010. gadā Google fonti kļuva par pielāgotas tīmekļa tipogrāfijas galveno resursu. Ir trīs galvenie iemesli, kāpēc Google kļuva par līderi šeit. 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. Jūs varat tos atrast, dodoties uz Google fontu lapa. 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āsit, 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 jūs varat noklikšķināt @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 iekavās. Pārliecinieties, ka esat saglabājis, un fonts būs pievienots.
PHP lietošana
Izpildiet dažas pirmās darbības un nokopējiet saiti, ko iegūstat pēc noklikšķināšanas uz zīmes “+”. Tagad vienkārši pievienojiet to sava motīva failam header.php. Atcerieties saglabāt, lai fonts tiktu pievienots.
Javascript funkcijas izmantošana
Varat arī izmēģināt kaut ko, kas pazīstams kā “rindas iestatīšana”. Šim nolūkam jums būs jāizmanto funkcija wp_enqueue_style. Izmantojot šo metodi, jūs varat pievienot izvēlēto fontu visu jūsu vietnes lapu galvenes sadaļai. Tas ir lielisks veids, kā vienlaikus pievienot vairākas izmaiņas.
Vienkārši iegūstiet fonta saiti (no http līdz ) un pievienojiet to sava motīva failam functions.php ar papildu kodu. Šis kods jums būs jāizmanto:
funkcija custom_add_google_fonts() {
wp_enqueue_style( ‘custom-google-fonts’, https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, nepatiess );
}
add_action('wp_enqueue_scripts', 'custom_add_google_fonts');
Jebkura no šīm opcijām lieliski darbosies, lai integrētu Google fontus jūsu WordPress vietnē, tāpēc ir svarīgi izvēlēties to, kas jums šķiet visērtāk.