[-GC-] 變更全域字型圖示會亂碼...

看板Browsers作者 (八折XD)時間11年前 (2014/10/18 21:56), 11年前編輯推噓17(17推 0噓 73→)
留言90則, 5人參與, 最新討論串1/1
這問題困擾我很久了 如果使用內建的設定字型方式 或 Advanced Font Settings 套件 並沒有辦法把所有網站都變更為我要的字型 像瀏覽Mobile01 或是Yahoo 新聞等使用新細明體之類的網站 就沒有辦法套用自行設定的字型 但如果用 Change Font Family Style 這類可以更改全域網站字型的套件 某些網站的圖示會變成亂碼（或是圖示直接變成方格） 如：淘寶的 加入購物車 的圖示 現在正在試用 Stylish 但還是一樣某些網站字型不會更動 請問大家有什麼好的解決方法呢？ 或是有什麼字型可以不會去影響到網站的圖示？ 謝謝大家了～ ------------------------------------------------------------------------------ 感謝 mayuyu 大大的指點 不過我現在用起來跟 abccbaandy 這位大大的情況一樣 根據 mayuyu 大大提供的字型 安裝了 http://i.imgur.com/nX7tERP.png
H-SiuNiu3.2 裡的 H-SiuNiu-Bold.ttf 與 H-SiuNiu-Regular.ttf http://i.imgur.com/bJniXEQ.png
明兰终 裡的 MINGLAN.TTC 與 MINGLANBD.TTC http://i.imgur.com/2o7MbSQ.png
在Chrome 的字型設定了 標準字: 明蘭_Orz Serif: H-秀月 Sans-serif: 明蘭_Orz 固定寬度字型: 明蘭_Mono 然後使用 Stylish 套件貼入CSS 語法（應該沒有錯吧） 結果似乎和 abccbaandy 這位大大的情況一樣 Yahoo 新聞 與 Mobile01 縮放至150％ 可以看到效果 但是 卡提諾ck101.com 字型還是維持在新細明體 不知道我還有哪邊的步驟有錯呢？！ 謝謝 mayuyu 大！！！ ------------------------------------------------------------------------------ 剛剛試了一下 mayuyu 大提供 t7yang 大的CSS語法 然後照著 mayuyu 大的方式修改一次 目前都正常了 所有網站都可正常瀏覽 網頁上的圖示也不會變成亂碼了 我這裡也提供我照著 mayuyu大 修改過後的CSS語法 http://goo.gl/jNTIlU （MEGA 空間） 然後在Chrome 的字型設定中 除了固定寬度字型這個“不修改”外 其餘皆更換為“微軟正黑體”就可以了 最後還是要在感謝 mayuyu 大！！！ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.135.192.239 ※ 文章網址: http://www.ptt.cc/bbs/Browsers/M.1413640608.A.0EF.html
推
10/18 23:03, , 1F
*:not([class*="icon"]):not(i){font-family: "字型" !imp
10/18 23:03, 1F
→
10/18 23:03, , 2F
ortant;}
10/18 23:03, 2F
→
10/18 23:04, , 3F
比較好的方法是t7yang大的樣式
10/18 23:04, 3F
→
10/18 23:04, , 5F
10/18 23:04, 5F
→
10/18 23:04, , 6F
把6,7,8,9和219行的代碼刪掉 還有粗體字那裡 要把Bold刪掉
10/18 23:04, 6F
→
10/18 23:05, , 7F
例如Microsoft JhengHei Bold要改成Microsoft JhengHei
10/18 23:05, 7F
→
10/18 23:06, , 8F
還有一點和Fx不一樣 GC支援unicode-range的語法
10/18 23:06, 8F
→
10/18 23:06, , 9F
所以unicode-range: U+4E00-9FFF;這一行會生效
10/18 23:06, 9F
推
10/19 00:27, , 10F
樓上能提供一下修改過的版本嗎？ 連結的在GC上沒效QQ
10/19 00:27, 10F
→
10/19 00:34, , 11F
把6,7,8,9和219行的代碼刪掉 <-應該有效啊
10/19 00:34, 11F
推
10/19 00:41, , 12F
沒用...是不是要裝什麼字體？ 我現在用的要裝
10/19 00:41, 12F
→
10/19 00:41, , 13F
XinGothic-ZhangYue W4 <=這個
10/19 00:41, 13F
→
10/19 00:51, , 14F
我是用明蘭秀月 你再自己改成信黑
10/19 00:51, 14F
→
10/19 00:52, , 15F
10/19 00:52, 15F
→
10/19 00:55, , 16F
啊！貼完才發現，我知道了，你要改成XinGothic-ZhangYue
10/19 00:55, 16F
→
10/19 00:55, , 17F
把W4去掉 GC要寫Font Family Name，這也是為什麼
10/19 00:55, 17F
→
10/19 00:56, , 18F
我上面說粗體的地方要把字型名稱裡的Bold都去掉
10/19 00:56, 18F
→
10/19 00:56, , 19F
否則粗體會沒有辦法正確顯示 還有你要另外裝
10/19 00:56, 19F
→
10/19 00:56, , 20F
XinGothic-ZhangYue W6 粗體字才會好看
10/19 00:56, 20F
→
10/19 00:56, , 21F
否則用W4勉強加粗 字體會發虛
10/19 00:56, 21F
→
10/19 01:02, , 22F
明蘭秀月看起來的樣子 奇摩新聞內文 明蘭體
10/19 01:02, 22F
→
10/19 01:02, , 23F
10/19 01:02, 23F
→
10/19 01:03, , 24F
CSS3特效 秀月體 http://i.imgur.com/HdlMXki.jpg
10/19 01:03, 24F
→
10/19 01:03, , 25F
wiki綜合效果 標題是秀月 內文是明蘭
10/19 01:03, 25F
→
10/19 01:03, , 26F
10/19 01:03, 26F
推
10/19 01:19, , 27F
我的chrome比較少開 所以渲染沒什麼調整
10/19 01:19, 27F
→
10/19 01:19, , 28F
圖上可能看不出來 本來的字型應該是蠻好看的
10/19 01:19, 28F
→
10/19 01:20, , 29F
華秀月明字體展示 http://i.imgur.com/MAuf4e0.gif
10/19 01:20, 29F
→
10/19 01:20, , 30F
10/19 01:20, 30F
推
10/19 02:46, , 31F
嗚嗚...還是怪怪的 http://i.imgur.com/P32Bn1m.jpg
10/19 02:46, 31F
推
10/19 02:49, , 32F
另外好像縮放100%跟150%不太一樣？
10/19 02:49, 32F
→
10/19 02:50, , 33F
10/19 02:50, 33F
推
10/19 02:57, , 34F
明兰终是安裝最外層的MINGLAN.TTC 20.9MB最大的那個
10/19 02:57, 34F
→
10/19 03:16, , 35F
第一張圖不是明蘭體 第二張圖是明蘭終沒錯
10/19 03:16, 35F
→
10/19 03:17, , 36F
不過粗體字不對 另外那個MINGLANBD.TTC也要安裝
10/19 03:17, 36F
→
10/19 03:17, , 37F
那個是粗體字型 二個都裝好以後 字型那裡選
10/19 03:17, 37F
→
10/19 03:17, , 38F
標準字: 明蘭_Orz Serif: H-秀月 Sans-serif: 明蘭_Orz
10/19 03:17, 38F
→
10/19 03:17, , 39F
固定寬度字型: 明蘭_Mono
10/19 03:17, 39F
→
10/19 03:18, , 40F
套用這個樣式 http://pastebin.com/B2BPvjbB
10/19 03:18, 40F
推
10/19 03:51, , 41F
第一張圖是100%的，第二張則是150%
10/19 03:51, 41F
→
10/19 03:52, , 42F
GC不同縮放字型會不一樣？
10/19 03:52, 42F
推
10/19 03:55, , 43F
根目錄的MINGLANBD不能裝，半功能裡面也有，可以用？
10/19 03:55, 43F
推
10/19 09:58, , 44F
http://ppt.cc/ahiQ 我的GC的 stylish 只有貼這三行
10/19 09:58, 44F
→
10/19 10:02, , 45F
在顯示某些圖示文字有問題就是 但我是覺得沒差啦...
10/19 10:02, 45F
※ 編輯: EightXD (220.135.192.239), 10/19/2014 11:17:01 ※ 編輯: EightXD (220.135.192.239), 10/19/2014 12:34:15
→
10/19 12:28, , 46F
@EightXD:好奇怪 我全部都可以耶 不知道是哪裡有問題
10/19 12:28, 46F
→
10/19 12:29, , 47F
或者是改用一樓的樣式試試看 只有一行 圖示字體會正常
10/19 12:29, 47F
→
10/19 12:30, , 48F
@abccbaandy:MINGLANBD為什麼不能裝？半功能裡的也可以用
10/19 12:30, 48F
→
10/19 12:30, , 49F
半功能的意思是缺少了字型名稱帶「_TC」的五種字型
10/19 12:30, 49F
→
10/19 12:30, , 50F
這五種字型是「純繁體模式」 也就是將簡體字碼對應到繁體
10/19 12:30, 50F
→
10/19 12:30, , 51F
這樣瀏覽簡體網頁時所有簡體就會顯示成對應的繁體字
10/19 12:30, 51F
→
10/19 12:30, , 52F
（因為原作者不喜歡簡體字）
10/19 12:30, 52F
→
10/19 12:31, , 53F
而半功能就是沒有這五種純繁體模式
10/19 12:31, 53F
→
10/19 12:31, , 54F
我發現我忘了說明「明蘭終」五種字體的差別 請看圖解
10/19 12:31, 54F
→
10/19 12:31, , 55F
10/19 12:31, 55F
→
10/19 12:31, , 56F
10/19 12:31, 56F
→
10/19 12:34, , 57F
@EightXD:你是用我上面貼的明蘭樣式嗎？有替換細明體？
10/19 12:34, 57F
是呀！就是使用您提供的樣式跟字型 真的頗怪的XD 另外第一行的語法 我這裡似乎也沒有作用 Orz 不過根據您的教學 修改 t7yang 大的語法 卻是可以正常執行了！！！ 我在上面也提供我修改過後的語法了 或許 abccbaandy 大可以試試看 感謝 mayuyu 大解決我困擾好久的問題 XD ※ 編輯: EightXD (220.135.192.239), 10/19/2014 12:44:20
推
10/19 13:59, , 58F
嗯，用原PO提供的在100%時就好多了，只好放棄明蘭了
10/19 13:59, 58F
→
10/19 14:01, , 59F
不過mayuyu的畫面截圖好像不是100%？ 剛剛仔細比較
10/19 14:01, 59F
→
10/19 14:01, , 60F
<=比如這張
10/19 14:01, 60F
→
10/19 14:02, , 61F
我在1920x1080全螢幕就算縮放150%，字都沒這張大
10/19 14:02, 61F
推
10/19 14:55, , 62F
@abccbaandy:是的 我的網頁有放大 不過我這裡
10/19 14:55, 62F
→
10/19 14:55, , 63F
放大到150%或者縮小到100% 字型顯示都是正常的
10/19 14:55, 63F
→
10/19 14:56, , 64F
我重新看了一次你昨晚貼的圖 想到一件事
10/19 14:56, 64F
→
10/19 14:56, , 65F
因為我有用MacType渲染的關係 所以不會用到明蘭
10/19 14:56, 65F
→
10/19 14:56, , 66F
的點陣字形 如果沒有用MacType渲染 chrome在小字體
10/19 14:56, 66F
→
10/19 14:56, , 67F
的時候會切換到明蘭的點陣字(因為西文的小字體
10/19 14:56, 67F
→
10/19 14:56, , 68F
向量字會不清楚) 所以字會變得很難看 改用微軟正黑
10/19 14:56, 68F
→
10/19 14:56, , 69F
就沒問題了 如果想用明蘭的話 在下載的明蘭字體包
10/19 14:56, 69F
→
10/19 14:57, , 70F
裡面有一個「去點陣明蘭」的資料夾 改安裝這個字體
10/19 14:57, 70F
→
10/19 14:57, , 71F
同時把樣式裡的"MingLan_Orz"全部改為"MingLan"
10/19 14:57, 71F
→
10/19 14:57, , 72F
這樣就可以了 不過還是建議用MacType渲染 因為chrome
10/19 14:57, 72F
→
10/19 14:57, , 73F
現在的DirectWrite渲染效果還是很差
10/19 14:57, 73F
推
10/19 16:37, , 74F
換了"去點陣明蘭"小字就正常了，真是神奇XD
10/19 16:37, 74F
→
10/19 16:39, , 75F
http://pastebin.com/c7NDaryh 放上去點陣明蘭版本
10/19 16:39, 75F
推
10/19 16:41, , 76F
然後這版在ptt有點醜，排除的方法在設定選regexp那個
10/19 16:41, 76F
→
10/19 16:42, , 77F
https?://(?!(iamchucky\.github\.io/PttChrome)).*
10/19 16:42, 77F
→
10/19 16:43, , 78F
貼上上面那行就可以排除ptt了
10/19 16:43, 78F
推
10/19 16:46, , 79F
預覽圖(100%沒放大)
10/19 16:46, 79F
推
10/19 17:54, , 80F
喔喔 成功了！真是太好了xD 感謝t7yang大寫的原始樣式
10/19 17:54, 80F
→
10/19 17:55, , 81F
不過我還是要推一下Fx的字體渲染 很早就已經做得很棒
10/19 17:55, 81F
→
10/19 17:55, , 82F
可以渲染得很好看 http://i.imgur.com/R2YWQQO.jpg
10/19 17:55, 82F
→
10/19 17:56, , 83F
(圖要1:1顯示才不會模糊或有鋸齒) 因為Fx的關係
10/19 17:56, 83F
→
10/19 17:57, , 84F
讓我有一段時間看chrome都看得很辛苦 覺得眼睛好累xD
10/19 17:57, 84F
推
10/19 22:04, , 85F
推+頂 mayuyu 熱心又善解決問題（這篇就不客氣收藏起來了
10/19 22:04, 85F
→
10/19 22:04, , 86F
FX文字成像還是有問題，就像我之前說的有時捲動頁面時就會
10/19 22:04, 86F
→
10/19 22:05, , 87F
失效，看了很討厭（例 Gmail
10/19 22:05, 87F
→
10/23 13:43, , 88F
http://tinyurl.com/q2bnn9s 目前試唯Yahoo體育失敗，如左
10/23 13:43, 88F
→
10/23 16:45, , 89F
我這裡顯示正常 用明蘭秀月
10/23 16:45, 89F
→
10/23 19:16, , 90F
這樣有空自已再用vm開來試試看差別 家人習慣用gc幫他用的
10/23 19:16, 90F
‣ 更多 EightXD 的文章
文章代碼(AID): #1KGd6W3l (Browsers)