#1 - 2017-4-3 09:59
林卯 (✨️VIP 8✨️)
昨天偶然弄到了Adobe Clean英文，于是调整了浏览器默认字体。如下截屏，西文是AdobeClean-Regular，假名（准确来说unicode-range:U+3040-30FF）是Meiryo UI，其他字符是雅黑。

Meiryo UI优点是假名不等宽且有字偶距调整，类似“オリジナル・サウンドトラック”这样一句不会有之间插了许多空格的感觉。
但问题也是如图，Meiryo UI相对汉字和英文偏细，感觉不像Regular。
如题。

测试下粗体オリジナル・サウンドトラック斜体オリジナル・サウンドトラック
#2 - 2017-4-4 20:50
林卯 (✨️VIP 8✨️)
@Explorare 求助…
#2-1 - 2017-4-4 20:54
Explorare
不是某些字体用假字重么？写个 CSS 用同样方式加粗字体？
font-weight: 100, 200, 300, 400, 500, 600, 700, 800, 900;
#2-2 - 2017-4-4 21:00
Explorare
字体混搭是挺容易出现这个问题的，比如同样字号、字重的 MS YaHei 和 Calibri 实际尺寸就不一样，没法简单的混搭。然而实际上 YaHei 的英文部分就是 Calibri，调整了尺寸和字重。
#2-3 - 2017-4-4 21:05
林卯
Explorare 说: 不是某些字体用假字重么？写个 CSS 用同样方式加粗字体？
font-weight: 100, 200, 300, 400, 500, 600, 700, 800, 900;
啥？CSS不能凭空变出不存在的字重。不会因为你写了900就给你加到最粗的，只会选粗体。Meiryo UI粗体又相对过粗，而且没有粗体的粗体。
#2-4 - 2017-4-4 21:09
Explorare
林卯 说: Explorare 说: 不是某些字体用假字重么？写个 CSS 用同样方式加粗字体？
font-weight: 100, 200, 300, 400, 500, 600, 700, 800, 900;...
确实。另外你不觉得英文部分的字重相对中文部分粗么？
#2-5 - 2017-4-4 21:16
林卯
Explorare 说: 确实。另外你不觉得英文部分的字重相对中文部分粗么？
看得出来，实际上一般中文字体自带的英文总是比中文笔画略粗一点，因为中文更密。这个还可以接受。
但相比中文疏的假名不应该比中文更细。有没有跟Meiryo UI差不多性质的日文字体？
#2-6 - 2017-4-4 21:47
Explorare
林卯 说: Explorare 说: 确实。另外你不觉得英文部分的字重相对中文部分粗么？看得出来，实际上一般中文字体自带的英文总是比中文笔画略粗一点，因为中文更密。这个还可以接受。
但相比中文疏的假名不应该比中文...
MS Gothic Proportional (MS PGothic)
MS Mincho Proportional (MS PMincho)
MS MingLiU Proportional
Osaka
平成明朝
モナーフォント
IPA Pフォント
#2-7 - 2017-4-4 22:00
林卯
Explorare 说: MS Gothic Proportional (MS PGothic)
MS Mincho Proportional (MS PMincho)
MS MingLiU Proportional
Osak...
呃…好像都挺旧的？
#2-8 - 2017-4-4 22:02
Explorare
林卯 说: Explorare 说: MS Gothic Proportional (MS PGothic)
MS Mincho Proportional (MS PMincho)
MS MingLiU Prop...
是啊，就 Meiryo UI 是比较新的。
#2-9 - 2017-4-4 22:21
林卯
Explorare 说: 是啊，就 Meiryo UI 是比较新的。
我查了下“Adobe Clean Han”这个字体，就是Adobe日文官网用的字体…
A New Face For Adobe—Redux
——用火狐那个查看器的字体测试，也是等宽的。
#2-10 - 2017-4-4 22:24
Explorare
Tazugane™ Gothic
#2-11 - 2017-4-4 23:00
林卯
Explorare 说: Tazugane™ Gothic
src:url("https://fast.fonts.net/dv2/14/34 ... 5-a5d4-0b813a1ad161") format('woff2');

成功了，火狐显示字体被调用了。但同时也失败了，这个字体是等宽的，奇怪的是同样字体链接在官网显示为不等宽，感觉像是用了我不懂的谜之技术把字偶距调整与字体分离了(?)。算了放弃，以后有空自己画个。
#2-12 - 2017-4-4 23:52
Explorare
林卯 说: Explorare 说: Tazugane™ Gothicsrc:url("https://fast.fonts.net/dv2/14/34 ... 5-a5d4-0b813a1ad161") for...
font-feature-settings: "palt";

这是 OpenType Font 的一个特性，理论上所有自带 palt 的 OpenType 字体都支持，比如 Source Han Sans 和 Source Han Serif。更多详见：

Syntax for OpenType features in CSS
Typekitヘルプ | CSS での OpenType 機能の構文
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
#2-13 - 2017-4-5 00:10
林卯
Explorare 说: 这是 OpenType Font 的一个特性
font-feature-settings: "palt"
Syntax for OpenType features in CSS
Typekitヘルプ ...
解决了，换成Source Han Sans。就是字型没有Meiryo UI活泼（总是不知足啊…）
#2-14 - 2017-4-5 00:17
Explorare
林卯 说: 解决了，换成Source Han Sans。就是字型没有Meiryo UI活泼（总是不知足啊…）
那你就自己造个 medium 呗
#2-15 - 2017-4-5 00:19
林卯
Explorare 说: 那你就自己造个 medium 呗
等有时间吧。
#2-16 - 2017-4-6 00:45
林卯
Explorare 说: font-feature-settings: "palt";
这是 OpenType Font 的一个特性，理论上所有自带 palt 的 OpenType 字体都支持，比如 Source Han Sa...
又冒出一个新问题：使用Source Han Sans会让/subject/*/characters、超展开 等页面上a.icons_cmt，a.tml_reply，a.cmt_reply（就是小气泡）抬高导致底下冒头。可能因为Source Han Sans的字符底下高一块。
#2-17 - 2017-4-6 00:52
Explorare
林卯 说: Explorare 说: font-feature-settings: "palt";
这是 OpenType Font 的一个特性，理论上所有自带 palt 的 OpenType 字体都支持，比如 ...
来个截图
#2-18 - 2017-4-6 12:27
林卯
Explorare 说: 来个截图
也许样式写得不对，这是样式（节省长度去掉粗体斜体），你试试看能不能复现：
@font-face {

font-family: jp;

src: local("Source Han Sans HW SC Regular");

unicode-range:U+3040-30FF,U+2606;

font-feature-settings:"palt";

 }

@font-face {

font-family: MSYH;

src: local("Microsoft YaHei UI");

 }

body {

font-family: jp,MSYH;

 }
#2-19 - 2017-4-6 12:38
Explorare
林卯 说: Explorare 说: 来个截图也许样式写得不对，这是样式（节省长度去掉粗体斜体），你试试看能不能复现：
＠font-face {
font-family: jp;
src: local("Sour...
我不知道你那边的效果，给个截图看看。
#2-20 - 2017-4-6 12:44
林卯
Explorare 说: 我不知道你那边的效果，给个截图看看。
等一下…话说这段写得没问题吗？
#2-21 - 2017-4-6 13:09
Explorare
林卯 说: Explorare 说: 我不知道你那边的效果，给个截图看看。等一下…话说这段写得没问题吗？
HW 是什么意思？
#2-22 - 2017-4-6 13:27
林卯
Explorare 说: HW 是什么意思？
这个是Adobe出的Source Han Sans“等宽”字体啊。
#2-23 - 2017-4-6 14:17
林卯
Explorare 说: 我不知道你那边的效果，给个截图看看。
感觉假名略微粗了些。
#2-24 - 2017-4-6 16:24
Explorare
林卯 说: Explorare 说 : 我不知道你那边的效果，给个截图看看。感觉假名略微粗了些。
我这边没有类似情况。
#2-25 - 2017-4-6 20:05
林卯
Explorare 说: 我这边没有类似情况。
用我的样式无法复现吗？（如果没有Source Han Sans HW SC Regular，Source Han Sans SC Regular也可以）
#2-26 - 2017-4-6 20:27
Explorare
林卯 说: Explorare 说 : 我这边没有类似情况。用我的样式无法复现吗？（如果没有 Source Han Sans HW SC Regular，Source Han Sans SC Regular 也可...
并没有复现