[KMTeach] 超簡易 Chrome 渲染 - 不用裝 MacType 也能享受驚豔效果!

使用過渲染的人是不是覺得 MacType 很棒呢?

MacType 有它的好處~但卻不是每個人都想安裝阿XD

在網路上逛阿逛的發現一個好東西

只要你有 Chrome …

免安裝 MacType 也能享用驚艷的渲染!

低調宅就在低調一點教大家吧!



上一下效果圖比較:

CSS 渲染前 (MacType 效果)

CSS 渲染前

 

CSS 渲染後 (MacType 效果被蓋過去了)

CSS 渲染後

 

其實說穿了就是 CSS 的效果

Opera 中也能夠這樣做喔

而且可以有類似的效果

在 t7yang 的暴露格裡就有詳細的介紹與檔案可下載

 

而今天則是要在 Google Chrome 中進行

首先請前往你的 Chrome 資料夾

Google Chrome 的預設位置
C:\Users\使用者名稱\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets

這資料夾裡面有個 Custom.css

沒有的人請手動建立 (懶惰的人請看 註解)

 

接著請在裡面建立

一段 CSS 代碼

*{font-weight:600!important;}
*{font-family:Arial,"Microsoft YaHei" !important;}
*{text-shadow:0.02em 0.02em 0.1em #999999 !important;}


建立的 CSS 代碼

在這裡大家可以自己手動調整裡面的參數玩玩看~

CSS 小常識一下:

相關文章 (http://css.1keydata.com/tw/font.php)

 

font-weight
font-weight 屬性是用來設定字體的厚度。厚度的設定值可以從 100 到 900 (900 是最厚的)。另外,我們也可以將厚度設定為 bold (厚)、bolder (更厚)、及 normal (正常)。

 

font-family



font-family 屬性是用來設定字體的類別。本例中所用的字型為 Microsoft YaHei。Win7內建~不要找我要...自己Google喔!




 

text-shadow



text-shadow 意思就是給文字加上陰影,它是CSS3的產物,在本例中它的參數設定順序為「X軸陰影,Y軸陰影,成像濃度,顏色」




 

存檔之後完全不用重新整理就可以看見效果了

顆顆

渲染得太過火也是種煩惱

所以大家請自己小心食用,自己添加調味料吧!

 

註解:

直接載 Custom.css 檔案貼到你的資料夾裡就對了

檔案載點 → [點我下載 CSS]

留言

  1. 雅黑未必比正黑好(網路上有看過雅黑做得比正黑還差的評價)

    回覆刪除
  2. 那是當然
    這個都可以自己微調的
    沒有一定要哪個字形
    自己看得順眼最重要~

    忘了~阿7這方面專業XDXD

    回覆刪除
  3. 忘了說
    阿7你的 blog 域名的 WOT 變成紅色的
    被惡意洗了?
    變成不安全的網頁了

    回覆刪除
  4. 雖然正黑也做得很爛就是了,但還真找不太到字型做得比他全的,只能無奈使用。zkm看看能不能找到做得好看、字又全的字型來低調給大家這樣(這方面你應該是專業了吧 XD)

    回覆刪除
  5. No-ip 可以免費註冊,自然會被拿來做壞事,WOT又只認頂級域名,自然會給他惡評...(其實WOT還滿廢的,我已經不用了,連113的首頁都可以給橘色,你說可以相信嗎?)

    回覆刪除
  6. 好無奈~
    拿 WOT 洗
    看來它會是第二個 Digg !!

    回覆刪除
  7. 之前都用 Change Font Family Style 來換字體
    現在把它關掉換用CSS拉

    回覆刪除
  8. 黑黑~
    不過這也只限於 瀏覽器 中有效果喔~
    要系統全域都有效果的話就還是得裝別的

    回覆刪除
  9. 0.0
    Microsoft YaHei 微軟雅黑啊

    回覆刪除
  10. 不一定要雅黑阿
    自己喜歡自己調整~

    回覆刪除
  11. 請問要如何改成"微軟正黑體" 我試過改成"msjh" "微軟正黑體" 都無效
    可不可以提點一下 謝謝

    回覆刪除
  12. 我有改過 微軟正黑體
    但也沒效果...不清楚原因
    調整過參數也是一樣沒效果
    幫不了你~
    真的都不行還有 MacType 可以玩

    回覆刪除
  13. 要使用微軟正黑體請改成 "Microsoft JhengHei" 改完就有效果了 ^^y

    回覆刪除
  14. […] 同樣也是修改 Google Chrome 的 .css 在瀏覽網頁的時候能夠更舒服,類似 Mac 的粗體效果 * {font-weight:900;} * {font-family:Arial,"Microsoft YaHei"} * {text-shadow:1px 1px 0.1em #ddd} 來源出處:[KMTeach] 超簡易 Chrome 渲染 – 不用裝 MacType 也能享受驚豔效果! […]

    回覆刪除
  15. […] [KMTeach] 超簡易 Chrome 渲染 - 不用裝 MacType 也能享受驚豔效果! | 低調一點 建議配合 MacType 使用 […]

    回覆刪除
  16. 在chrome 33 版這個功能就失效了... 大陸的網大有提供將css封裝成擴充功能的方法 藉此讓css渲染繼續活下去!

    回覆刪除
  17. 文章我寫好了~嘿嘿
    http://ilowkey.net/kmteach-css-render-chrome-extension/

    回覆刪除

張貼留言

這個網誌中的熱門文章

三星S8與小米幾個產品的小小體驗心得

[Win10] Win10Tile - 自訂動態磚