親愛的梨粉們,看這里吖?。。?/strong>

      一定要將公眾號(hào)?設(shè)為“星標(biāo)”?哦~這樣就再也不怕錯(cuò)過我的任何消息啦。

      我是超級(jí)愛碼字的雪梨寶寶:外貿(mào)新秀,業(yè)界卷王。

      每天8:00準(zhǔn)時(shí)給大家推送最專業(yè)最全面的外貿(mào)干貨文章?

      更多更豐富的文章請(qǐng)移步:https://shelleydigital.com/

      您想在 WordPress 中添加自定義字體嗎?自定義字體允許您在網(wǎng)站上使用不同字體的漂亮組合來改善排版和用戶體驗(yàn)。

      除了看起來不錯(cuò),自定義字體還可以幫助您提高可讀性、創(chuàng)建品牌形象并增加用戶在您的 WordPress 網(wǎng)站上花費(fèi)的時(shí)間。

      在本文中,跟大家分享如何添加自定義字體。

      注意:加載過多的字體會(huì)減慢您的網(wǎng)站速度。我們建議選擇兩種字體并在您的網(wǎng)站中使用它們。我們還將向您展示如何在不減慢網(wǎng)站速度的情況下正確加載它們。

      在我們研究如何在 WordPress 中添加自定義字體之前,讓我們先看看如何查找您可以使用的自定義字體。

      如何檢測(cè)任意網(wǎng)站的字體?

      如果你喜歡一個(gè)網(wǎng)站的字體,首先得知道是什么字體。

      這里需要安裝谷歌插件WhatFont進(jìn)行檢測(cè)

      在瀏覽網(wǎng)頁的時(shí)候,隨機(jī)點(diǎn)擊whatfont插件,進(jìn)行識(shí)別。

      識(shí)別的字體信息:

      • 字體名稱:family

      • 字體風(fēng)格:style(normal 正常)

      • 字體粗度:weight

      • 字體大?。簊ize

      • 字體行高:line height

      • 字體色號(hào):color

      如果你也想要一樣的字體,就跟著設(shè)置就可以了。


      Elementor如何設(shè)置字體?
      這里我們以Elementor網(wǎng)頁編輯器作為示例,給大家示范如何設(shè)置字體。
      如何常規(guī)字體,在用Elementor設(shè)計(jì)你的頁面的時(shí)候,點(diǎn)擊style,找到typography就可以設(shè)置了。
      另外還可以設(shè)置letter spacing 字母間距;word?spacing 單詞間距等等
      注意:

      Elementor是一個(gè)WordPress頁面構(gòu)建插件,它允許用戶通過拖放方式設(shè)計(jì)頁面,但它通常依賴于WordPress主題提供的字體,或者您可以通過自定義CSS添加字體。

      Elementor本身并不提供獨(dú)立的字體庫,而是依賴于您在WordPress主題或頁面上設(shè)置的字體。如果您在Elementor中使用了某個(gè)特定模塊,您通常可以在模塊的設(shè)置中找到字體選項(xiàng),以選擇從主題提供的字體中進(jìn)行選擇,或者通過添加自定義CSS來應(yīng)用其他字體。

      Elementor Font字庫里,有800+字體,所以你幾乎不需要再去另找字體,默認(rèn)的Elementor字庫已經(jīng)足夠用了

      如何下載字庫里的字體?

      當(dāng)然了,你也可以下載一些自定義字體,然后上傳到你的網(wǎng)站后臺(tái),進(jìn)行調(diào)用。
      比如網(wǎng)址:dafont.com

      如何下載網(wǎng)頁里的字體?

      如何專門的字庫資源網(wǎng)站,還可以從網(wǎng)頁中下載字體文件。

      在瀏覽網(wǎng)頁的時(shí)候,鼠標(biāo)??右鍵點(diǎn)擊檢查?>?Network?>?Font文件夾

      然后刷新下頁面,就可以看到該網(wǎng)頁加載了哪些字體資源。

      雙擊你需要的字體文件(這里是.woff2格式)就可以下載到本地了。

      在字體網(wǎng)站上下載字體文件?,然后上傳到Elementor字庫里

      Elementor允許你創(chuàng)建和使用五種類型的自定義字體格式。

      它們是:

      • Web開放字體格式(WOFF) - WOFF是最推薦的格式,因?yàn)樗诂F(xiàn)代瀏覽器中得到支持。

      • Web開放字體格式(WOFF 2.0) - WOFF 2.0支持TrueType或OpenType字體,相比于WOFF 1.0具有更好的壓縮性能。

      • TrueType字體(TTF) - 這種字體是由蘋果和微軟在1980年代末期開發(fā)的。

      • SVG字體/形狀 - SVG字體允許SVG用作在顯示文本時(shí)使用的字形。確保使用此格式以支持舊版本的iPhone。

      • 嵌入式開放字體格式(EOT) - 這種字體文件適用于IE,但在其他瀏覽器上不起作用。確保使用此格式以支持早期版本的IE。

      上傳完字體文件,你就可以在Elementor編輯頁面的時(shí)候,在字庫里找到你上傳的字體,然后就可以使用了。
      你也趕快去試試吧。

      往期推薦



      WordPress建站專題|如何將頁面類型Page改成Post?

      2023年外貿(mào)建站系統(tǒng)大比拼:12款建站系統(tǒng)詳細(xì)對(duì)比|7000字超級(jí)指南?

      WordPress建站基本流程

      使用WordPress建站的6個(gè)重要原因

      建站 | 如何挑選合適的域名?

      熟悉了解WordPress后臺(tái)以及基礎(chǔ)設(shè)置 [建站必看]

      如果有任何關(guān)于WordPress的問題以及建站咨詢,歡迎大家隨時(shí)溝通哦。

      歡迎大家私信獲取《谷歌SEO頁面優(yōu)化清單》


      點(diǎn)贊(2) 打賞

      評(píng)論列表 共有 0 條評(píng)論

      暫無評(píng)論

      服務(wù)號(hào)

      訂閱號(hào)

      備注【拉群】

      商務(wù)洽談

      微信聯(lián)系站長(zhǎng)

      發(fā)表
      評(píng)論
      立即
      投稿
      返回
      頂部