Naisip mo na ba kung paano magagamit ng mga designer ang magagandang pasadyang web font sa kanilang mga site? Kadalasan nagdaragdag sila ng mga pasadyang mga font sa WordPress gamit ang Typekit, isang serbisyo ng Adobe na nagbibigay sa iyo ng access sa mga mataas na kalidad na mga font. Sa artikulong ito, ipapakita namin sa iyo kung paano magdagdag ng Typekit mga font sa WordPress upang mapabuti ang iyong palalimbagan.
Bakit Gamitin ang Typekit Mga Font?
Ang Typekit ay isang popular na serbisyo ng font na batay sa subscription na maaaring makatipid sa iyo ng maraming pera. Sa halip na magbayad para sa mga indibidwal na mga lisensya ng font, na maaaring makakuha ng masyadong mahal, maaari mong ma-access ang kanilang buong library ng daan-daang mga font nang libre o para sa isang flat taunang rate.
Ang Typekit library ay isang napakalaking koleksyon ng higit sa 1,000 mga font. Ang ilan sa mga pinakamagagandang font na maaari mong makita sa web ay magagamit sa pamamagitan ng Typekit, isang serbisyo ng Adobe.
Ang kanilang pangunahing libreng plano ay may access sa 230 + na mga font, at maaari mong gamitin ang 2 mga pamilya ng font sa isang website nang libre. Ang iba pang mga plano ay nagsisimula mula sa $ 49.99 hanggang $ 99.99 bawat taon.
Ang mga kahanga-hangang mga font ng Typekit ay madaling maidaragdag sa anumang website nang hindi pinapabagal ang bilis ng pag-load ng iyong pahina. Ang mga font ay nagsilbi mula sa CDN ng Adobe at nag-load sa mas mabilis na bilis kaysa sa kung iyong i-host ang mga ito sa iyong sariling site.
Typekit para sa Tutorial sa Video ng WordPress
Bakit Gamitin ang Mga Pasadyang Web Font sa WordPress?
Ang palalimbagan ay may mahalagang papel sa disenyo ng iyong site.
Ang pagpili ng mga tamang font ay malinaw na ipapaalam ang iyong pagkatao at mensahe sa iyong mga mambabasa. Anuman ang uri ng imahe na nais mong ilarawan – propesyonal, magiliw, kaswal, nakaranas – ang mga font sa iyong website ay maaaring makatulong sa proyekto sa tamang imahe.
Sa pamamagitan ng paggamit ng tamang hanay ng mga font, maaari mong iwanan ang isang pangmatagalang impression. Sa halip na tumitingin tulad ng bawat iba pang mga site sa web, mukhang kapansin-pansing naiiba ang iyong teksto. Ang pagpili ng tamang font para sa iyong WordPress site ay maaaring gawin ang iyong website mula sa isang simpleng disenyo sa isang aesthetically nakalulugod at nakamamanghang gawain ng sining.
Ang tamang pasadyang web font ay maaaring:
- taasan ang mga rate ng conversion
- babaan ang bounce rate ng iyong site
- dagdagan ang oras na ginugol sa iyong website
- lumikha ng hindi malilimot na karanasan para sa mga gumagamit
Handa nang makapagsimula sa mga font ng Typekit? Narito kung paano gamitin ang Typekit upang i-customize ang iyong disenyo ng WordPress.
Paano Magsimula Sa Typekit
Una kailangan mong lumikha ng isang Typekit account. Upang gawin ito, bisitahin lamang ang Typekit.com upang ihambing ang mga magagamit na mga plano.
Kailangan mong piliin kung aling plano ang gusto mong mag-sign up para sa. Nililimitahan ka ng libreng plano sa isang website at may kasamang access sa mga limitadong font. Baka gusto mong magsimula sa libreng plano upang subukan ito, at pagkatapos ay mag-upgrade sa susunod. Ang pag-upgrade ay nagbibigay sa iyo ng mas malaking library ng mga font, at maaari mong gamitin ang mga ito sa higit pang mga website.
Ang susunod na hakbang ay ang paglikha ng kit. Hinahayaan ka ng kit na magkasama sa isang partikular na library ng mga font at mga setting para sa iyong website, kaya ang Typekit ay naglo-load lamang ng mga file at code na kinakailangan. Upang lumikha ng iyong kit, idagdag ang pangalan ng iyong site at pangalan ng domain at pagkatapos ay mag-click sa Magpatuloy .
Pagkatapos mong tuparin ang iyong impormasyon para sa iyong kit, magbibigay sa iyo ng Typekit ang isang bit ng JavaScript code upang idagdag sa iyong site. Maaari mong kopyahin at i-paste ang code na ito sa isang text editor tulad ng Notepad upang i-save ito para sa ngayon. Ibibigay namin ito sa iyong site sa susunod na hakbang ng tutorial na ito.
Sa ngayon, maaari kang magsimula sa pagpili ng iyong mga font. Maaari mong i-browse ang library ng font at i-filter sa pamamagitan ng mga pagpipilian tulad ng pag-uuri, timbang, lapad, x-taas, at higit pa.
Kapag nakakita ka ng isang font na gusto mo, maaari mong i-click ito para sa higit pang mga detalye at mga halimbawa. Kung nais mong idagdag ito sa iyong web kit, i-click ang Paggamit ng Web: Idagdag sa Kit na pindutan sa kanang bahagi.
Ito ay magdadala ng isang pop-up kung saan kailangan mong idagdag ang font na pinili mo sa kit na iyong nilikha.
Ngayon ay maaari mong i-click ang I-publish pindutan upang i-save ang mga pagbabago sa iyong kit.
Iyon lang! Ang iyong font kit ay handa nang gamitin.
Pagdaragdag ng iyong Typekit Mga Font sa WordPress
Ang pinakamadaling paraan upang maidagdag ang iyong bagong pasadyang web font sa iyong WordPress blog ay sa pamamagitan ng paggamit ng isang WordPress Typekit plugin.
Inirerekumenda namin ang Typekit Mga Font para sa WordPress plugin. Pagkatapos i-install at i-activate ang plugin, maaari mong bisitahin Mga Setting »Typekit Mga Font upang i-configure ang plugin.
Una kailangan mong i-paste ang JavaScript code na nai-save mo nang mas maaga sa patlang na Typekit embed code. Pagkatapos nito, maaari kang magdagdag ng mga tagapili ng CSS upang tukuyin kung saan mo gustong gamitin ang font sa iyong site.
Sa screenshot sa itaas idinagdag namin ang font sa h1.site-title CSS selector.
Ang iyong WordPress tema ay maaaring gumamit ng iba’t ibang mga klase para sa iba’t ibang mga elemento. Kakailanganin mong gamitin ang tool ng Inspect Element sa iyong web browser upang malaman ang mga klase ng CSS. Maaari mo ring nais na mag-checkout ang aming WordPress na binuo CSS cheat sheet para sa mga nagsisimula upang matulungan kang makapagsimula.
