Facebook粉絲團 Google+ Twitter推特 Email訂閱 RSS訂閱

低調一點

[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]



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

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

      忘了~阿7這方面專業XDXD

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

    • 忘了說
      阿7你的 blog 域名的 WOT 變成紅色的
      被惡意洗了?
      變成不安全的網頁了

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

  • 匿名

    之前都用 Change Font Family Style 來換字體
    現在把它關掉換用CSS拉

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

  • akw28888

    0.0
    Microsoft YaHei 微軟雅黑啊

  • 請問要如何改成"微軟正黑體" 我試過改成"msjh" “微軟正黑體" 都無效
    可不可以提點一下 謝謝

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

  • leonwxyz

    要使用微軟正黑體請改成 “Microsoft JhengHei" 改完就有效果了 ^^y

  • Pingback: Google Chrome Developer Tools | 葉宇霖 Eden Yeh's Blog()

  • Pingback: 好站與連結分享 2013/09 | Vixual()

  • pass…

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

无觅相关文章插件,快速提升流量