Chrome 如何修改字體?

情況是這樣子的,今天升級了Chrome,貌似是從19升級到22,然後,書籤和網頁標題欄的漢字字體就變得又大又難看,請問有什麼辦法么?原來是那種小的,很漂亮(不是網頁本身的字體,就是書籤和標題欄裡面的),就感覺整個菜單都打了好幾號


使用 Stylish 擴展配合簡單的 CSS 即可輕鬆修改 Chrome 字體:

  1. Chrome Store 搜索 Stylish 擴展並安裝,這個擴展可以用戶自定 CSS 文件,這個功能 Safari 默認就有;
  2. 裝完後,點管理已安裝樣式:

  3. 然後添加樣式,勾上已啟用,保存:

  4. 修改右側的 CSS 代碼可以自定義顯示字體了:

    div {
    font-family: "Helvetica Neue", "Hiragino Sans GB";
    }

  5. 把想要的字體寫到 font-family 中即可(OS X 下冬青黑很不錯……)
  6. font-famliy 中第一個最好填西文字體……
  7. 以上代碼,對於 Google、百度搜索結果頁的超鏈接字體無效。需要更改 CSS 代碼為:

    em, a, div {

    font-family: "Helvetica Neue", "Hiragino Sans GB";

    }
  8. 更新:如果以上仍無效,需要使用 CSS3 @font-face 的 local 屬性手動指定原頁面文件中「頑固不化」的 font-family: arial 指向的字體文件:

    @font-face {
    font-family: "arial";
    src: local("Helvetica Neue"), local("Hiragino Sans GB");
    }
    em, a, div {
    font-family: "Helvetica Neue", "Hiragino Sans GB";
    }

  9. 再更新:以上代碼

    src: local("Helvetica Neue"), local("Hiragino Sans GB");

  10. 似乎對中文不起作用,需要用到 @font-face 的 unicode-range 屬性分別指定中、西文:

    @font-face {
    font-family: "Arial";
    src: local("Hiragino Sans GB");
    unicode-range: U+4E00-U+9FFF;
    }
    @font-face {
    font-family: "Arial";
    src: local("Helvetica Neue");
    }
    div {
    font-family: "Helvetica Neue", "Hiragino Sans GB";
    }

參考內容:

  1. 妙用Unicode-Range實現字體混搭

  2. 完整的CJK Unicode範圍(5.0版) ? Oasis Feng

  3. CSS3 字體


設置-顯示高級設置-字體


在 GoogleChromeUser DataDefaultUser StyleSheetsCustom.css 里輸入這段就可以了

html, body, * { font-family: "字體" ! important; }

比如:

html, body, * { font-family: "Microsoft YaHei" ! important; }


網頁正文慣用黑體,乃是反人類

折騰了一天,徹底解決了所有黑體、雅黑、宋體,全部轉換為華文宋體 bold,英文則是 Noto Serif

基礎:Chrome

插件:Advanced Font Settings(falken) + 強制網頁使用自定義字體(Jak Wings)

需要用兩者配合,來實現上述目的

【Advanced Font Settings】 中:

  • Default 全部處理成 Noto Serif

  • S Han 全部處理成 華文宋體bold

  • T Han 全部處理成 MSJhenghei

【強制網頁使用自定義字體】中需要處理的字體名有:

  • Microsoft YaHei 微軟雅黑

  • STHeiti 黑體

  • simsun 宋體

  • Arial

  • Arial Black

  • helvetica

  • Tahoma

  • serif

  • sans--serif

中英文要分成兩個條目單獨處理

漢字的:

英文部分 ---&> Noto serif, 0000--2E7F(Unicode字元範圍)

漢字部分 ---&> 華文宋體bold, 2E80--FFFF (Unicode字元範圍)

-------------------舉個栗子-----------------

【宋體】 被替換為 【Noto Serif】 Unicode字元範圍: 0000--2E7F
【宋體】 被替換為 【華文宋體 Bold】 Unicode字元範圍: 2E80--FFFF

-------------------------------------------------


你們一定是技術宅太久忘記windows基礎的設置了!

桌面 - 點擊右鍵 - 個性化 - 窗口顏色 - 項目

把項目裡面所有的文字都改變一下,好像可以調整大小的呢~

我是都改成了MingLIU.. 然後無論是什麼軟體打開在標題欄還是書籤欄都是這樣的啦~

是不是cute cute的很可愛

不客氣么么噠~倒是怎麼改網頁內的字體啊..我按大家說的找都找不到啊..我想改明體..誰可以幫助我 &>&<


Stylish 擴展比較麻煩,而且容易出問題,對於更多小白來說,推薦

Advanced Font Settings 擴展

這些配置項完全夠用了。。。。。。


使用一樓的方法後,部分圖標會亂碼錯位。

例如:http://www.smzdm.com/,右上角的微博、微信等3個圖標使用一樓的代碼後會變成亂碼。

以下是我從卡飯淘來的代碼,有和我出現一樣問題的童鞋可以試下

*:not([class*="icon"]):not(i){font-family:"XHei IOS" !important;}

我是用mactype渲染的,所以字體是XHei IOS,可以自行更換你喜歡的字體。

來源:http://bbs.kafan.cn/thread-1664505-1-1.html


前面幾個方法試了,都會亂碼,字體也模糊看不清楚,我現在用 stylish 載入 CSS,任意修改字體很方便 userstyles.org/styles/100473/004-forcemyfonts-chinese-firefoxchromeie-catcat520


Win7解決操作步驟

1、桌面滑鼠右鍵 -&> 個性化 -&> 顯示 -&> 調整Cleartype文本 -&> 啟用 -&> 一路下一步

2、桌面滑鼠右鍵 -&> 個性化 -&> 窗口顏色 -&> 把所有能設置字體項目的都改成 &<微軟雅黑&>

3、chrome -&> 設置里把字體都改成 &<微軟雅黑&>

這三步完事後關閉Chrome再打開,Chrome的書籤目錄和系統相關字體看起來就很舒服了

這個截圖幾乎能體現出設置覆蓋的地方了

誰能告訴我知乎上傳圖片後咋這麼模糊? 新建窗口打開好像還挺清楚

其它

如上操作後還是有問題的話可能和顯卡 / 驅動 / 系統版本 / 顯示器 之類的問題有關了,自行解決


雅黑控可以直接使用強制雅黑插件,更上一層樓就用Mactype渲染。


Well, a question so long ago,

however I"ve found it from a very prior position.

Then I collected some of "em and amended it as following:

html, body {font-family: Times New Roman, "Hiragino Sans GB", monospace, sans-serif;

In Stylish and I"m loving it.

P.s. So this answer is also only for a reminder if I change my computer/Chrome and then I can easily pick it back.


僅以XP為例:顯示屬性/外觀/高級/項目/菜單/字體:宋體 大小:9


推薦閱讀:

為什麼 IE、Firefox、Chrome 等瀏覽器一直不默認支持滑鼠手勢?
為什麼喜歡用 Google Chrome 瀏覽器?與 Internet Explorer 相比呢?
為什麼谷歌要支持 Chromium 這個 Chrome 對應的開源項目?
評價一下 Firefox、Chrome、Safari 瀏覽器各自的特點?
chrome認為不應該提供頁面靜音功能么?為什麼?

TAG:GoogleChrome | 字體渲染 |