Browsers 板


LINE

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







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:iOS站內搜尋

TOP