字體硏究#1 - 2015-4-15 23:21
Doream (夜海全书)
前段时间说过如何给Windows版的Chrome设置（蛋疼的）字体渲染，虽然最后没能解决问题但是能凑合着用。
这里讲的Chrome的字体设置就是更蛋疼了。
Chrome的iOS、Mac OS、Android版本的字体链接（fallback特性）貌似遵从系统设定，所以在此不述。
1 字体链接
当软件调用的某个字体没有要显示的某个字符时，根据某项设置，调用可显示该字符的字体，这个设置就是字体链接（fontlink），也叫字体回退机制（font fallback）。
比如，有些人的电脑上显示「龳」的字体跟其他字不一样，就是字体链接的结果。
2 Chrome特性
Chrome for Windows在某些windows版本上（大概包括win7/8? 没有认真验证）不会采用注册表中的字体链接，而是采用自己的一套fallback机制。因此，在这种情况下，只要是font-family给出的字体中找不到的字符一律链接到宋体（Chrome判断语言下的字体，如果判断是日语的话会链接到MS PGothic）。
3 自制字体链接
3.1 在关闭DirectWrite的情况下，安装Stylebot扩展程序。
3.1.1 虽然Stylish更出名，但是Stylish是后加载，无法做到实时同步字体替换（百度搜索那里就会失效）。
3.2 Stylebot选项- Edit Golbal StyleSheet，开始写入字体链接：
3.3 点击 Enable Golbal StyleSheet.
这样的话，就建立了「原字体-字体链接A-字体链接B」的字体链接顺序。字体名称请去字体设置里查看。
3.3 （高级）如果要对粗体、斜体设置字体链接的话，上述代码里加入font-weight或font-style属性。
4 不足之处
如果某网站不给font-family指定字体（或者仅指定sans,serif或mono等属性）的话就没戏了
。
这里讲的Chrome的字体设置就是更蛋疼了。
Chrome的iOS、Mac OS、Android版本的字体链接（fallback特性）貌似遵从系统设定，所以在此不述。
1 字体链接
当软件调用的某个字体没有要显示的某个字符时，根据某项设置，调用可显示该字符的字体，这个设置就是字体链接（fontlink），也叫字体回退机制（font fallback）。
比如，有些人的电脑上显示「龳」的字体跟其他字不一样，就是字体链接的结果。
2 Chrome特性
Chrome for Windows在某些windows版本上（大概包括win7/8? 没有认真验证）不会采用注册表中的字体链接，而是采用自己的一套fallback机制。因此，在这种情况下，只要是font-family给出的字体中找不到的字符一律链接到宋体（Chrome判断语言下的字体，如果判断是日语的话会链接到MS PGothic）。
3 自制字体链接
3.1 在关闭DirectWrite的情况下，安装Stylebot扩展程序。
3.1.1 虽然Stylish更出名，但是Stylish是后加载，无法做到实时同步字体替换（百度搜索那里就会失效）。
3.2 Stylebot选项- Edit Golbal StyleSheet，开始写入字体链接：
@font-face {
font-family: "原字体";
src: local("字体链接B");
}
@font-face {
font-family: "原字体";
src: local("字体链接A");
}3.3 点击 Enable Golbal StyleSheet.
这样的话，就建立了「原字体-字体链接A-字体链接B」的字体链接顺序。字体名称请去字体设置里查看。
3.3 （高级）如果要对粗体、斜体设置字体链接的话，上述代码里加入font-weight或font-style属性。
4 不足之处
如果某网站不给font-family指定字体（或者仅指定sans,serif或mono等属性）的话就没戏了
。
另外 Arial, Unicode, MS 这啥意思， 应该写成"Arial Unicode MS"才对。
这个写法据原作者说是为了避免替换西文部分。
Arial, Unicode, MS 应该是笔误。
Stylebot的缺点也很明显，设置文件强制重排版经常会导致字体链接失效（是指向下fallback的顺序跟语句的顺序保持一致的，然而Stylebot会打乱顺序）。
@font-face {
font-family: "Helvetica";
src: local("PingFangSC-Regular");
}
@font-face {
font-family: "Helvetica";
src: local("PingFangSC-Semibold");
font-weight: bold;
}
@font-face {
font-family: "Helvetica";
src: local("PingFangSC-Regular");
font-style: italic;
}
@font-face {
font-family: "Helvetica";
src: local("San Francisco Text Regular");
}
@font-face {
font-family: "Helvetica";
src: local("San Francisco Text Bold");
font-weight: bold;
}
@font-face {
font-family: "Helvetica";
src: local("San Francisco Text Italic");
font-style: italic;
}
虽然顺序是打乱的，但可以满足英文"San Francisco", 中文"PingFangSC"。
更正一下：请按顺序在笔记本里写好，然后再复制到Stylbot里面保存，不按顺序的话字体链接会失效。
我是不是写错了？效果很糟，在这里2种英文混杂：
@font-face {
font-family: "Helvetica";
src: local("Corbel");
}
@font-face {
font-family: "Helvetica";
src: local("Corbel Bold");
font-weight: bold;
}
@font-face {
font-family: "Helvetica";
src: local("Corbel Italic");
font-style: italic;
}
@font-face {
font-family: "Helvetica";
src: local("Microsoft YaHei");
}
@font-face {
font-family: "Helvetica";
src: local("Microsoft YaHei Bold");
font-weight: bold;
}
@font-face {
font-family: "Helvetica";
src: local("Microsoft YaHei Light");
font-style: italic;
}
－刚开始在Apple Watch上出现的时候被喷“怎么抄的是DIN”
－后来有了更详细的消息大家又喷“怎么抄的是Process的Colfax”
－后来在测试版OS X放出来了大家又喷“怎么跟原来Helvetica Neue没两样”
－但实际上比Helv Neue好多了：一大一小两套视觉尺寸，部分还有Grading（G1~G4）
－在Apple Watch上用的是窄版，部分是圆版；新版12寸的MacBook键盘也用的圆版
中文（苹方）
－一开始看截图大家喷“这TM是不是思源黑体改了个名字”
－推上小林剑力挺不是思源但是中文圈瞎逼逼的实在太多了
－由威锋数位（台湾）制作，很多人（包括我）一开始以为是常州华文的杰作
－还有些小问题，称不上是吊打四面八方的黑体，但是大家被华文黑折磨惯了看什么都是漂亮的
－没有喇叭口，字面不撑大
－有SC/TC/HK三大版本
－最轻到100，最重到Semibold，所以还不算有真正的粗体，但是Semibold跟系统默认的Regular黑度对比已经够强烈，所以现在没有真粗体也无妨
那些个求修改成华文黑体的，让我想起了vista刚出的时候，很多人问怎么把微软雅黑换回宋体去。
顺着极限论坛找下去
指定的 主题 无效。如果您来自一个有效链接，请通知管理员。
那么究竟是iOS的渲染还是苹果机的屏幕分辨率？