fbpx

wordpress 更改字體:

  1. 改成微軟正黑體

body{font-family: arial,“Microsoft JhengHei”,微軟正黑體,sans-serif !important;}

 

  1.  
  2. 在 Customer CSS裡面貼上以下:

 

@font-face {

/*圓體*/

 font-family: ‘cwTeXYen’;

 font-style: normal;

 font-weight: 500;

 src: url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot);

 src: url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot?#iefix) format(’embedded-opentype’),

 url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff2) format(‘woff2’),

 url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff) format(‘woff’),

 url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.ttf) format(‘truetype’);

}

cwTeXFangSong(仿宋體)

@font-face {

/*仿宋*/

 font-family: ‘cwTeXFangSong’;

 font-style: normal;

 font-weight: 500;

 src: url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot);

 src: url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot?#iefix) format(’embedded-opentype’),

 url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff2) format(‘woff2’),

 url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff) format(‘woff’),

 url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.ttf) format(‘truetype’);

}

cwTeXKai(楷體)

@font-face {

/*楷體*/

 font-family: ‘cwTeXKai’;

 font-style: normal;

 font-weight: 500;

 src: url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.eot);

 src: url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.eot?#iefix) format(’embedded-opentype’),

 url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.woff2) format(‘woff2’),

 url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.woff) format(‘woff’),

 url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.ttf) format(‘truetype’);

}

cwTeXHei(黑體)

@font-face {

/*黑體*/

 font-family: ‘cwTeXHei’;

 font-style: normal;

 font-weight: 500;

 src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);

 src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format(’embedded-opentype’),

 url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format(‘woff2’),

 url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format(‘woff’),

 url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format(‘truetype’);

}

調整「大小、字距、行高」

找到要改的區域元素,如果是標題,則會是 h1, h2, h3 ,內文則是  p 。

如果我要改文章的內容大小,則可以依照下方去修改。

p {

 font-size: 18px; /* 字的大小 */

 letter-spacing: 1px;/* 字距 */

 line-height: 30px;/* 行高 */

}

 

就先這樣囉,我們下次見  

 

若有 WordPress 相關問題,都可以透過下面的臉書連結聯繫。

  1.     STEP1.

進入WordPress後台外觀主題編輯器樣式表 (style.css)加入以下代碼儲存

@import url(// fonts.googleapis.com/earlyaccess/ notosanstc.css);

STEP2.

接著一樣回到WordPress後台外觀編輯CSS→貼上以下代碼儲存

body

{

font-family:’ Noto Sans TC ‘,sans-serif;

}

STEP3.

返回到你的首頁看看是否已經更新成功!

 

5.Embed Font

To embed your selected fonts into a webpage, copy this code into the <head> of your HTML document.

STANDARD @IMPORT

<link href=”https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap” rel=”stylesheet”>

Specify in CSS

Use the following CSS rules to specify these families:

  • font-family: ‘Noto Sans TC’, sans-serif;

For examples of how fonts can be added to webpages, see the getting started guide.