字體wordpress 字體設計 創意

如何在WordPress中添加自定義字體

自定義字體可以使網站變得新穎，并使它脫穎而出。相信許多用戶都想要為自己的網站添加自定義字體。今天我們將通過這篇教程為大家介紹運用Typekit和CSS3@Font-Face method

創新互聯建站主營南州晴隆網站建設的網絡公司,主營網站建設方案,成都app開發,南州晴隆h5成都小程序開發搭建,南州晴隆網站營銷推廣歡迎南州晴隆等地區企業咨詢

在Wordpress主題中添加自定義主題已經成為一種普遍的趨勢。實際上有的主題中加載了很多的自定義字體。但是加載太多的字體會使得你的網站變慢。所以今天我們要跟您分享正確加載自定義字體的方法，不至于使得網站變慢。

在添加自定義主題之前，我們首先要了解如何獲取自定義主題。

付費字體一般都比較貴，但是我們可以在很多地方找到免費字體，比如：Typekit，FontSquirrel，fonts.com 等。

WordPress中添加自定義字體

Typekit中有付費和免費的字體，你可以使用付費的訂閱也可以使用有限的免費的訂閱。

首先注冊Typekit賬號并登陸，然后創建一個新的工具包：

然后選擇一個你想要使用的字體，點擊所選字體下方的“+Use fonts”按鈕

如何在隨后進入如下界面：

點擊選擇當前的工具箱，進入新的窗口，

在這個界面，需要我門做的有：

1、點擊“Publish”按鈕。

2、點擊右上角Embed Code選項和左邊欄中第一項中的Usingfonts in CSS按鈕，復制界面中出現的兩行Embed Code代碼和要用到的CSS代碼到txt文件并保存（之后會用到）。

然后回到你的WordPress管理界面，點擊進入安裝插件界面，安裝并啟用 Typekit Fonts for WordPress 插件。插件啟用完成后，點擊設置目錄下的TypekitFonts選項，然后復制之前保存的Embed Code代碼到插件設置界面，

然后添加如下代碼到主題樣式表中：

h1 .site-title {

font-family: 'modesto-condensed', Arial,sans-serif;

}

(代碼中的’modesto-condensed’，是隨著選擇字體的不同而不同的。該信息在之前txt文件中有保存。)

還可以通過修改大括號之前的內容來設置運用字體的位置。

用CSS3@font-face在WordPress中添加自定義字體

運用CSS3@font-face是添加WordPress自定義字體最直接的方法。

首先你需要下載你喜歡的字體，并在你的主題或子主題目錄下新建一個文件夾，命名為“fonts”然后上傳字體到該文件夾。上傳完成后，你還需要用CSS3@font-face將字體加載到你的主題樣式表中，代碼如下：

@font-face {

font-family: Arvo;

src:url();

font-weight: normal;

}

（不要忘記修改代碼中font-family和url的值）

加載完成后我們將可以通過如下代碼實現對字體的使用。

如何把Wordpress全站的字體都設置成某個字體

WordPress字體設置主要就是修改CSS樣式文件。一般我們需要修改的就是字體大小font-size和字體家族屬性font-family。

font-size屬性可設置字體的尺寸，該屬性設置元素的字體大小。注意，實際上它設置的是字體中字符框的高度；實際的字符字形可能比這些框高或矮（通常會矮）。一般我們把body正文的font-size設置成14px，對應的h1、h2等等屬性都按照比例放大。

font-family 規定元素的字體系列。font-family 可以把多個字體名稱作為一個“回退”系統來保存。如果瀏覽器不支持第一個字體，則會嘗試下一個。也就是說，font-family 屬性的值是用于某個元素的字體族名稱或/及類族名稱的一個優先表。瀏覽器會使用它可識別的第一個值。中文網站的font-family一般設置成：

font-family:宋體,微軟雅黑,Arial,Verdana,arial,serif;

因此我們打開CSS樣式文件，在里面找到body，然后將font-size修改成14px，找到font-family修改成我們需要的字體，這樣就完成了wordpress字體設置。

實際上，因為wordpress主題中的CSS樣式文件有很大差別，設置也不是這么簡單，我們需要找到各處的font-size進行修改。比較標準的wordpress主題都會設置一個body字體樣式，然后后面的字體樣式都是按比例縮放，因此我們修改完body，然后可以查看博客的顯示，如果對某個地方的字體樣式不滿意，可以點擊右鍵查看網頁源代碼，找到對應的樣式class，然后在css樣式文件中進行修改。

怎樣修改wordpress編輯器默認字體大小

你好，

首先打開你以前發布的文章，或者新編輯的文章使用預覽瀏覽也可以。選中一段文字，點擊右鍵-審查元素

在審查元素工具中，查找類似font-size:

14px;line-height:

26px;這樣的字段信息

點擊找到的font-size:

14px;字段，將14px修改為30px，查看左邊文章字體大小

是否變大了。如果沒有變大，需要重新再找包含有font-size:

14px;這樣信息的字段，直到找到為止。

點擊選中font-size:

30px;上方的.article-content復制下來。

打開wordpress后臺，選擇外觀-編輯，打開編輯主題樣式表(style.css)。按CTRL+F打開查找，粘貼剛才復制的.article-content進去，再加一個反括號"{"進行查找。

觀察查找到的.article-content{

后面的內容，如果包含有font-size:14px;line-height:26px;這樣的語句，則將其修改為font-size:16px;line-height:30px;即可。【注：line-height控制行間距，字體變大后適當修改有利于顯示更加美觀?！扛暮煤簏c擊最下面的“更新文件”。

以后再發布文章時，默認的字體大小就是16px了，非常方便。

分享名稱：字體wordpress 字體設計 創意
分享地址：http://m.kartarina.com/article30/dogeiso.html

成都網站建設公司_創新互聯，為您提供靜態網站、網站設計公司、自適應網站、軟件開發、做網站、網站策劃

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯