打開WordPress網站,看到新細明體的中文字體,就瞬間消火許多。

幸好GoogleFont提供Noto Sans TC解決方案,讓我們一起消滅醜字體吧。


步驟一

安裝Header Footer Code Manager


步驟二

至Header Footer Code Manager增加Google Font

貼入下列程式碼


步驟三

到主控台,外觀>自訂>附加CSS>貼上程式碼

" data-srcset="https://images.insideout.com.tw/wp-content/uploads/2018/11/05113825/201811291-11x20.png 11w, https://images.insideout.com.tw/wp-content/uploads/2018/11/05113825/201811291-32x60.png 32w, https://images.insideout.com.tw/wp-content/uploads/2018/11/05113825/201811291-159x300.png 159w, https://images.insideout.com.tw/wp-content/uploads/2018/11/05113825/201811291-200x377.png 200w, https://images.insideout.com.tw/wp-content/uploads/2018/11/05113825/201811291.png 344w" data-sizes="auto" data-orig-sizes="(max-width: 258px) 100vw, 258px" title="【WordPress】換上漂亮的中文字體 Google font - Avada、OnePress、Screenr、貳零壹伍、The Box Theme 4">
" data-srcset="https://images.insideout.com.tw/wp-content/uploads/2018/11/05113705/201811292-20x20.png 20w, https://images.insideout.com.tw/wp-content/uploads/2018/11/05113705/201811292-62x60.png 62w, https://images.insideout.com.tw/wp-content/uploads/2018/11/05113705/201811292-200x194.png 200w, https://images.insideout.com.tw/wp-content/uploads/2018/11/05113705/201811292-300x292.png 300w, https://images.insideout.com.tw/wp-content/uploads/2018/11/05113705/201811292-400x389.png 400w, https://images.insideout.com.tw/wp-content/uploads/2018/11/05113705/201811292.png 460w" data-sizes="auto" data-orig-sizes="(max-width: 345px) 100vw, 345px" title="【WordPress】換上漂亮的中文字體 Google font - Avada、OnePress、Screenr、貳零壹伍、The Box Theme 5">
" data-srcset="https://images.insideout.com.tw/wp-content/uploads/2018/11/05113606/201811293-12x20.png 12w, https://images.insideout.com.tw/wp-content/uploads/2018/11/05113606/201811293-37x60.png 37w, https://images.insideout.com.tw/wp-content/uploads/2018/11/05113606/201811293-186x300.png 186w, https://images.insideout.com.tw/wp-content/uploads/2018/11/05113606/201811293-200x323.png 200w, https://images.insideout.com.tw/wp-content/uploads/2018/11/05113606/201811293-400x647.png 400w, https://images.insideout.com.tw/wp-content/uploads/2018/11/05113606/201811293.png 441w" data-sizes="auto" data-orig-sizes="(max-width: 331px) 100vw, 331px" title="【WordPress】換上漂亮的中文字體 Google font - Avada、OnePress、Screenr、貳零壹伍、The Box Theme 6">

步驟四

依照佈景主題,挑選適合的CSS,然後貼上附加的CSS

WordPress 貳零壹伍/2015 theme

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: 'Noto Sans TC', sans-serif;
}

body,
button,
input,
select,
textarea {
	font-family: 'Noto Sans TC', sans-serif;
}

blockquote cite,
blockquote small {
	font-family: 'Noto Sans TC', sans-serif;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: 'Noto Sans TC', sans-serif;
}

::-webkit-input-placeholder {
	font-family: 'Noto Sans TC', sans-serif;
}

:-moz-placeholder {
	font-family: 'Noto Sans TC', sans-serif;
}

::-moz-placeholder {
	font-family: 'Noto Sans TC', sans-serif;
}

:-ms-input-placeholder {
	font-family: 'Noto Sans TC', sans-serif;
}


button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-family: 'Noto Sans TC', sans-serif;
}

.post-password-form label {
	font-family: 'Noto Sans TC', sans-serif;
}

.main-navigation .menu-item-description {
	font-family: 'Noto Sans TC', sans-serif;
}

.post-navigation .meta-nav {
	font-family: 'Noto Sans TC', sans-serif;
}

.post-navigation .post-title {
	font-family: 'Noto Sans TC', sans-serif;
}

.pagination {
	font-family: 'Noto Sans TC', sans-serif;
}

.image-navigation,
.comment-navigation {
	font-family: 'Noto Sans TC', sans-serif;
}

.site-title {
	font-family: 'Noto Sans TC', sans-serif;
}

.site-description {
	font-family: 'Noto Sans TC', sans-serif;
}


.widget-title {
	font-family: 'Noto Sans TC', sans-serif;
}


.widget_calendar caption {
	font-family: 'Noto Sans TC', sans-serif;
}

.widget_rss .rss-date,
.widget_rss cite {
	font-family: 'Noto Sans TC', sans-serif;
}


.author-heading {
	font-family: 'Noto Sans TC', sans-serif;
}

.entry-footer {
	font-family: 'Noto Sans TC', sans-serif;
}

.page-title {
	font-family: 'Noto Sans TC', sans-serif;
}

.page-links {
	font-family: 'Noto Sans TC', sans-serif;
}


.entry-caption {
	font-family: 'Noto Sans TC', sans-serif;
}

.comments-title,
.comment-reply-title {
	font-family: 'Noto Sans TC', sans-serif;
}

.comment-metadata,
.pingback .edit-link {
	font-family: 'Noto Sans TC', sans-serif;
}

.comment-list .reply a {
	font-family: 'Noto Sans TC', sans-serif;
}

.comment-form label {
	font-family: 'Noto Sans TC', sans-serif;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	font-family: 'Noto Sans TC', sans-serif;
}

.no-comments {
	font-family: 'Noto Sans TC', sans-serif;
}

.form-allowed-tags code {
	font-family: 'Noto Sans TC', sans-serif;
}

.wp-caption-text {
	font-family: 'Noto Sans TC', sans-serif;
}

.gallery-caption {
	font-family: 'Noto Sans TC', sans-serif;
}

.widecolumn label,
.widecolumn .mu_register label {
	font-family: 'Noto Sans TC', sans-serif;
}

Avada Theme Google Font

body {
font: 15px/26px 'Noto Sans TC', sans-serif !important;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5,.fusion-menu a,.fusion-page-title-captions h1,.fusion-columns h3,.reviews q,.fusion-button-text,.wpcf7-submit,.widget-title,.wpcf7-text
{
font-family: 'Noto Sans TC', sans-serif !important;
}

#nav ul li.menu-item a {
font-family: 'Noto Sans TC', sans-serif !important;
}

.page-title h1 {
font-family: 'Noto Sans TC', sans-serif !important;
}

.heading h2, .heading h3 {
font-family: 'Noto Sans TC', sans-serif !important;
}

One Press Theme

body, button, input, select, textarea {
	font-family: 'Noto Sans TC', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:'Noto Sans TC', sans-serif;
}

tt,
kbd,
pre,
code,
samp,
var {
	font-family: 'Noto Sans TC', sans-serif;
}

.site-branding .site-title, .site-branding .site-text-logo {
	font-family: 'Noto Sans TC', sans-serif;
}

.onepress-menu a {
	font-family: 'Noto Sans TC', sans-serif;
}

.entry-header .entry-title {
	font-family: 'Noto Sans TC', sans-serif;
}

.counter_item .counter__number {
	font-family: 'Noto Sans TC', sans-serif;
}

.mfp-close {
	font-family: 'Noto Sans TC', sans-serif;
}

Screenr Theme Google Font

body, button, input, select, textarea {
	font-family: 'Noto Sans TC', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Noto Sans TC', sans-serif;
}

tt,
kbd,
pre,
code,
samp,
var {
	font-family: 'Noto Sans TC', sans-serif;
}

.site-branding .site-title, .site-branding .site-text-logo {
	font-family: 'Noto Sans TC', sans-serif;
}

.entry-header .entry-title {
	font-family: 'Noto Sans TC', sans-serif;
}

.entry-more a {
	font-family: 'Noto Sans TC', sans-serif;
}

.section-title-area .section-title {
	font-family: 'Noto Sans TC', sans-serif;
}

.section-news .entry-grid-title {
	font-family: 'Noto Sans TC', sans-serif;
}

.mfp-close {
	font-family: 'Noto Sans TC', sans-serif;
}

The Box Theme Google Font

body,
button,
input,
select,
textarea {
	font-family: 'Noto Sans TC', sans-serif;
}

.site-title {
	font-family: 'Noto Sans TC', sans-serif;
}

相關文章

【WordPress】邁向95分 Google PageSpeed
【WordPress】WP Offload S3 Lite搭配Cloudflare
【WordPress】SiteNavigationElement 網站導航架構標記
【WordPress】Search Console Missing author updated
【WordPress】浮動FB粉絲專頁側邊欄
【WordPress】美美的中文字體 Google font - Avada、OnePress、Screenr、2015、The Box
【WordPress】OceanWP換上GoogleFont思源黑體

請用訂閱代替掌聲

*免費電子書
**訂閱Youtube頻道
***訂閱電子報
****追蹤IG
*****追蹤FB粉專