字体[渲染]丑？@Windows 版 GoldenDict[...]

Oeasy

3 `, x1 A. q" f9 ^' `字体[渲染]丑:Windows 版 GoldenDict[...]

有不少朋友反馈、抱怨这个问题，尤其是汉字字体。我觉得有必要开个专贴，这里先是为了记录，不一定能解决问题。
9 J$ a/ Q2 ?+ f% ?
先看一些帖子：
, |7 m- {( d# L- }! o5 F- chrome字体锯齿的问题 https://www.v2ex.com/t/47004 ｛这帖子里有熟人，我晕｝
- Wrong CJK font in the UI  https://github.com/zealdocs/zeal/issues/536 ｛虽然不是同一个软件，但是本质是一样的，都是基于 QT｝
- Windows 字体渲染 http://zhihu.sogou.com/zhihu?query=字体渲染
6 e' F) e8 l8 S- 微软为什么不改善Windows的字体渲染？ https://www.zhihu.com/question/31865687
8 h0 J& R, B/ J# K8 h: y8 Z- 非高分屏升级Windows 10后Chrome字体渲染问题？ https://www.zhihu.com/question/33653293
& b: E; ~$ R2 r! d3 ^+ D- 如何评价Windows 10和Ubuntu的中文字体渲染？ https://www.zhihu.com/question/67991459/answer/312535028
: u2 A0 I, ~, z  N5 i- 为什么苹果中文官网的字体有的消除锯齿有的没有？ https://www.zhihu.com/question/20222415
- ThinkPad的高分屏是否能达到surface book的字体圆润无锯齿的显示效果，像素对齐是何意？ https://www.zhihu.com/question/263335468/answer/268539170
" f$ d6 n6 b* a2 _: B( _
/ Z: T, r; e& X# r. J: S
::

- GoldenDict 不妨看作一个小型浏览器，它是基于 WebKit https://webkit.org/ 的。GoldenDict Windows 版，有 Qt5WebKit.dll 或者 QtWebKit4.dll 这二十多 MB 的文件。
- MDict 也可以看作一个小型浏览器，它是基于 IE 的。
' V: ?) Z, M! `+ ?
可以【文件】->【保存文章】（快捷键 F2），将 GoldenDict 查询结果保存为 html 格式，然后用 Chrome 、IE 等浏览器打开这个 html 文件，看看效果。
% E6 D/ ?/ C6 l! {# I. V
9 M$ J3 Z7 B& Z9 w2 @, g9 B6 `
1 Y) V7 }3 L' c, |; P要解决这个问题，可以硬件、软件着手。
- 硬件（OR 软硬一体），  Mac 下真的漂亮些；高分屏真的更好看一些；iPhone、iPad、安卓手机等小尺寸显示器、高分辨率下，显示效果确实都很棒。
    - 我今天买了个新显示器才知道retina把我毁了。买前请三思！ https://www.douban.com/review/5927987/
) C- w% ^0 U* ^) s- 软件，这就需要调教了。说实话，我觉得好多人其实不太在乎字体渲染啥的，XP 、IE6 都还有那么多国人在用呢。

我今天在用的 'Windows-10-10.0.16299-SP0' , GoldenDict 1.5.0-RC2-209-gfe9312e 基于 Qt 5.6.3 (GCC 6.4.0, 64 位)
4 |9 R6 f# H) E: i- GoldenDict如何建立article-style.css并设置字体？[动图示例] https://pdawiki.com/forum/thread-23016-1-1.html

我的今天在用的 article-style.css 和 qt-style.css  就下面这点内容（这个 CSS 在我目前用的 GoldenDict 1.5.0-RC2-209-gfe9312e 基于 Qt 5.6.3 (GCC 6.4.0, 64 位) 是有效的，或许其他版本如 Qt4、32 位下无效 ）。我没用 MacType ，我使用的所有 mdx ，全部没有限制字体。我的英文（ASCII 字符）全部是 Arial ，中文全部是微软雅黑（看头疼了有时候换成 SimSun）。

1. * {
   + X" `: O$ Z% X, D
2. font-family: Arial, "Microsoft Yahei"!important;
   : v4 _$ f  p+ d% O6 I* }! b
3. }

复制代码

( n( l8 ~6 w5 |9 ]
效果如图，我觉得可以接受。

! ~2 c7 M8 b/ @& F# c; }5 _2 a
& F/ P  p  X  w



9 Y) b5 U  E( X/ @- MacType http://www.mactype.net/
. y8 P$ f& V* @3 n6 l1 M    - https://github.com/snowie2000/mactype
6 n+ n0 |6 i8 U' s0 M3 _, M4 q8 E-  zz MacType Patch for Win 10 https://pdawiki.com/forum/thread-17880-1-1.html
+ {% p; m! @1 o

deeke

7 Y" }- t1 ~; i7 K; K  @" @
1. 字体选择是个人偏好，供参考。
! F, N/ f- f, e+ H/ u% e中文：冬青黑体，网上可以找到它的修改版 Smartisan_Compact。
扩展中文：花園明朝体，用它的 HanaMinB 部分来显示生僻汉字。
  f/ E" X( [9 i8 ^英文：Lato，用它的斜体来显示例句也很自然。
等宽：Inconsolata，偶尔编号会用到。
: a+ `3 @: i# a$ C' ?8 J( b音标：Cambria，有些词典需要专用字体，如朗文双解4、美国传统词典。
7 u5 m7 d4 I, n1 D4 j) [符号：Segoe UI Symbol，显示喇叭、星号等。

* z) |9 i/ z6 Q6 @+ M' o% D# k; L% Sqt-style.css
6 E3 ^3 S6 e+ {( \) Z/ W8 }7 K在GD界面的搜索面板、历史面板等位置也会出现生僻字，如果 HanaMinB 里找不到，那就交给操作系统指定的非衬线字体试试。

1. * { font-family: Lato, Smartisan_Compact, HanaMinB, sans-serif; }

复制代码

' }- ~. X  E) B( H: ~& Marticle-style.css
, U8 Q, H: H  V9 L0 K4 O& {

1. * { font-family: Lato, Smartisan_Compact, "Segoe UI Symbol", HanaMinB, sans-serif; }

复制代码

P.S. O兄截图中例句翻译里“攀岩”两个汉字高度不一样 :0
, R& G5 l! v4 m3 {
2. MacTpye 拯救低分屏。
从 WinXP 时期 开始使用 MacTpye，那时需要手动替换系统 DLL 文件。2011年我买了一台 MBA 笔记本（不是视网膜屏），搭配 Win8 双系统，被 MacTpye 渲染过的 Win8 比 Mac 系统的文字漂亮太多。但缺点是配置麻烦、常遇到兼容问题，为了迁就 MacTpye 就不能用 Chrome。所以最终解决方案还是升级硬件为高分屏，相当于花钱把折腾渲染的时间买回来。

Oeasy

deeke 发表于 2018-2-10 11:25
, _: K  u& P, L+ K( x# i1. 字体选择是个人偏好，供参考。
. f, P5 O) C( I! O# s- \中文：冬青黑体，网上可以找到它的修改版 Smartisan_Compact。
' k9 q; |7 Q9 S( G! _. P扩展中文 ...

) L3 F6 V. s! g% I8 k9 u  W" A
4 L1 P( t5 E$ M+ m- i9 M6 g" a
" o+ g5 k  Y2 n; y8 n/ F
2 T' C' o6 J6 X+ f! i* B多谢指点。
6 e! H4 Q% a: ~8 h. l% A7 g' A' [

1. * {
   
2. font-family: Arial,"PingFang SC", "Microsoft Yahei"!important;
   
3. }

复制代码

2 O) y% m; w9 e# M6 j) U& R" U
- J0 W% t& n% c& f换成 PingFang SC ，感觉也不错。
+ r, y/ B4 I& V' n3 W, m; U' E
3 d& u! k& |# ~+ v$ N  {# r% ^8 H

deeke

9 ?3 d' C" ]( D  v; e; p
5 M5 v* ^9 W0 {, T" q在 GoldenDict 中精确指定字体，有时还要考虑注册表。

在 Windows 中，GD 根据 文字编码 去调用 字体 的过程大致如下：
假设 CSS 设置为 xyz {字体1,字体2,字体3;}
GD 首先会根据 CSS 设置检查 字体1 是否包含这个文字编码，
+ E) ~* L& \3 m- B5 b0 `9 @如果没有，那么会去 注册表 检查 字体1的备用字体列表（字体链），
如果没有，接着检查 字体2、字体2的备用字体列表，
如果直到 字体3、字体3的备用字体列表 都没有，
GD 会去调用 Windows 默认字体、默认字体的字体列表，
如果依旧没有，GD 会显示一个空白（如果显示一个乱码，那就是找到的字体包含该编码，但该编码对应的字形不是 Unicode 标准 或 该编码本来就不是 Unicode）。

) \" G* D' W$ {9 c2 A5 y# G6 q+ P字体的备用字体列表 存放在注册表中，可以修改，也可以为新安装的字体创建一个新的注册表项并手动建立备用字体列表，位置如下：
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\FontLink\SystemLink
1 s/ [' C7 b0 D参考：Unicode Font Issue in Windows
- }, T  P- _3 C+ v  [% M- N注意备份，风险自担 :0
6 _- _( z' ~8 x, i1 `+ [
P.S.
' e+ j5 p* q' {; g  ^前面帖子涉及的字体 Arial 并没有备用字体列表，所以直接跳到 CSS 设置的第二个字体。
9 Z# `7 r0 O/ i另外备用字体列表里的字体也可能有备用字体列表，当心别弄得太乱。
9 Z: B/ |# `5 J6 u
/ U6 B8 B% D# d- F' P

itarcy

Oeasy 发表于 2018-2-10 13:08
多谢指点。

& J  I( s/ H' ^! @
  S+ z  U1 j" ~# O/ m
5 c' W. K% V4 ]: ?! ]  s终于找到一款可以用的苹方了，谢谢

; c& o! J5 y, R6 e7 j/ V

deeke

刚看到O兄在知乎答题：计算机中字体的原理是什么？
推荐一本书 <O'Reilly - Fonts & Encodings>，网上有 PDF 版，讲得很全面。