微軟正黑體以外的選擇──明瞭體


作者認為 "明瞭體" 這個字體比  "微軟正黑體" 好看,只要是 Vista 以上的 windows 系統都有這個字體──其實這是日文字型 Meiryo。

如果你同意他的看法,那麼可以考慮為網頁字型增加這個選項,可參考「網頁中英文字型跨平台設定最佳化」( http://goo.gl/eEnOc9 ),在微軟正黑體之前,加入這個字型( Meiryo )的設定,若有無法顯示的漢字時,會自動使用順位在後的微軟正黑體。


面壁王澳西諾 我來了!!  我有點動搖了....這個明瞭體好看耶!!

Wayne Bot  那就幫我們測試一下效果吧! :D 

面壁王澳西諾  我改好了  好美阿~~~內文的字體真的清晰很多
回不去了!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  (轉圈圈灑花)

Wayne Bot 感覺比較清楚說~我也來試試看!

面壁王澳西諾  真的清楚非常多! 而且我昨天也改了網誌標題...好看多了XD

上月美智 剛剛去參觀了面壁王的Blog,換了明瞭體整個變得超好看啊啊啊——!比微軟正黑體還要好看多了,嗚哇——

面壁王澳西諾  快換快換 哈哈

綜合 不過那個沒考慮到Mac下的字形顯示,我看起來都是細明體 囧

建議中文的部分也許可以再加入:

Lantinghei SC Extralight, Heiti TC Light,

Mac的中文黑體蘭亭黑跟黑體繁~

面壁王澳西諾  這也是我想測試的,因為我沒有mac電腦所以我稍後再來修正。^﹏^

綜合 那剛好我幫上忙了,有沒有人能測Linux呢?XD

面壁王澳西諾 我剛看了一下WIN7裡面沒有你提到的MAC兩種字體,所以我新增進去我的網頁自型選擇區裡應該MAC電腦的人就看的到了吧!?
那我加好囉! 請在麻煩幫我測試一下字體是否變更了?

Wayne Bot "我新增進去我的網頁字型選擇區" → 你指的是後台範本→自訂 → 裡面的字型設定嗎?那裡不需要設定(也許我誤會你的意思)。另外看了一下你的設定,body 的 CSS 內容:

font: normal normal 13px Arial, Tahoma, Helvetica, FreeSans, Lantinghei SC Extralight, Heiti TC Light, Meiryo, sans-serif;

1. 13px 太小了(建議至少 15~16) → 首頁往下捲,發現「下午茶哪裡去?來去旺萊山吃鳳梨酥配無敵鳳梨田野風光吧!」這篇字體很小,應該就是 13px (你其他篇的字有另外設定字體為 large)

2. Lantinghei SC Extralight, Heiti TC Light 這兩個都是 MAC 字型,所以後面那個 Heiti TC Light 永遠沒有用到的機會 (我那篇文章有解釋), 擇一即可

3. Meiryo 的後面最好補一個微軟正黑體,因為 Meiryo 是日文字型,可能有些中文字無法顯示 (如我上面原文的解釋)

P.S. 原本要按下一頁看其他文章的字體效果,發現你把「首頁」按鈕的區塊隱藏了,這樣就看不到上一頁、下一頁了喔!

面壁王澳西諾  123都沒問題我可以立即更正。但是那個ps的部分,我之前是把它用新增css的方式加上隱藏語法的,不過在這次修正字型的時候我用了編輯範本直接修改的方式去改之後再回去自訂範本→進階→新增css這區就變成空白了!

我猜是也一併寫進範本了!(回訊的時候在範本裡面看到了,我再來看看怎修)

另外,我不知道把文章底部的首頁欄隱藏會導致上下文的按鈕消失耶!可是我會隱藏那個也是想讓首頁按鈕只保持導覽列上那個就好,有辦法隱藏文章底部首頁按鈕但是留下上篇文章按鈕嗎?

Wayne Bot  「Blogger 範本__(三)文章及留言區塊的程式碼」( http://wayne-fu.blogspot.tw/2013/04/blogger-template-post.html ) →「一、上下頁區塊」→ 代表「首頁」字串的程式碼在這裡,把他註解掉就行了~(怎麼註解可參考系列文第一篇)

面壁王澳西諾 謝謝你啊! 我來進行註解程序^^

綜合 其實Lantinghei SC Extralight我個人覺得比較好看,但是Mac要10.8以後才會預設開啓,所以後面還是建議放Heiti TC Light喲XD

Wayne Bot  原來如此,那麼這樣是對的 ^^ 

面壁王澳西諾  我都修好了! 但是太奇怪了!! 首頁最後一篇文章(鳳梨酥那篇) 字型怎樣就是不變成明瞭體..這不知道哪邊出問題了!?

Wayne Bot  看了那篇的 CSS,原來那篇文章被設定了 font-family: 微軟正黑體; font-size: medium; → 或許是你當初用 evernote 發的時候的內部設定? → 現在只能進文章,切 HTML 模式,把這些 CSS 字串全部移除吧!

面壁王澳西諾  那篇是用wlw發的! 看來我只能單篇修改了@@"

Mark X 字型在 Chrome 上表現真的比較好看!不過有一點需要提醒,由於 mobile 核心較精簡,對於網頁版字型排列的規則有時候不支援的,所以為了避免在行動版掉字,還是選用一種字型為宜。(但字母可以單獨於樣式設定)

假設某個行動版裝置能顯示明瞭體,但不支援遞補規則,只要遇到沒有的漢字,它就會顯示成空格。(這時候正黑體跑去哪兒呢?別傻了孩子﹍)
但是如果這個裝置本來就沒有明瞭體、正黑體,就會以預設的字體代替,而通常行動版的字型顯示效果都不差,您花了一堆時間在定義字型,結果只有網頁版能接受,行動版定義字型時還是小心保守一點。

幸好還有明瞭體! - 網頁設計便利貼
中文 Windows 系統,最令人遺憾的就是沒有好看的黑體字!從 Vista 時代開始,就有「微軟正黑體」可以用,但這個字型也不是多優秀的東西,粗體 ( bold ) 時就像是狗啃的一樣,標準字體 (...

◎ 使用 Google 帳號者,勾選「通知我」可收到後續回覆的 mail!
◎ 沒使用 Google 帳號者,發言身份可選「名稱/網址」,來輸入暱稱
◎ 詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為"複製貼上"的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。