日本标准的网络字体

Mat*_*lad 48 css multilingual fonts web

我正在一个日本网站上工作,很难找到一个在日语中看起来不错的字体.我很惊讶日本似乎很少有字体存在.我的团队联系了几家网络字体提供商但没有取得多大成 只有一家公司可以提供日语的网络字体,但它是35兆字节,这对于客户下载到他们的浏览器来说是很大的.

对于拉丁字母,有一些字体,几乎所有用户都可以非常自信,如Arial,Verdana,TNR,Georgia等.什么字体在日本等于这些?

akk*_*kky 86

日语的Web字体虽然存在很少的提供程序,但实际上并不实用,因为您发现字体数据的大小太大而无法下载.通常日语字体有8,000-16,000个字形,所以制作新字体意味着你需要制作至少8,000个字形,这是相当繁重的任务.因此,日语字体的变化很少,日语用户也比拉丁字符用户更关心字体.

大多数日本网站使用Windows或Mac上提供的默认字体集.最新的是Meiryo和Hiragino Kaku Gothic Pro.对于像Windows XP这样的旧版本,最好添加以前的默认字体MS Gothic(或MS Mincho)/ Osaka.

有些旧的浏览器无法理解这些英文字体名称,有些则无法识别日文名称,因此用日文和英文编写都是安全的.

Meiryo和Hiragino的订单是,因为Mac用户可能有来自MS-Office的Meiryo,并且Hiragino在Mac上更熟悉并且匹配得更好,通过启动Hiragino系列更好.

所以目前推荐的做法是这样的,

font-family:"?????? Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "????", Meiryo, "?? ?????", "MS PGothic", sans-serif;
Run Code Online (Sandbox Code Playgroud)

  • Joyo-kanji不包括许多用于专有名词的字母.很多人不能在卓越网中写下自己的名字.直到2008年,即使是一些都道府县也不能写出一些县.Joyo-kanji是一种指导方针,并根据社会的要求进行更新,但没有计划扩大到包括日本姓氏的大量变化.名称无法在网站上正确显示的人将不满意该网站. (8认同)
  • 例如,Hayao Miyazaki的"Hayao"不在卓越网中.Rei Kawakubo的"Rei",小泽征尔的"Ji",Joi Ito的"Jo"和"I"不在Joyo-kanji. (3认同)
  • 谢谢!我的客户想要MS PGothic并且非常满意能够使用"标准"字体而不是我们首先尝试的重型网络字体.这里的主要问题是我无法测试字体,因为我无法在我的瑞典语或英语Windows安装中"模拟"亚洲环境.我从MS Update安装了日语包,但这对我没有帮助.所以,他们很满意但我仍然看不到它的样子.我们选择了以下风格:`font-family:'MS Pゴシック','MS PGothic','メイリオ','Meiryo,sans-serif;` (2认同)

小智 12

这是我在 2021 年研究并根据我在日本生活和工作的经验得出的答案。我喜欢这篇文章,虽然它是日语的,所以我会尽力总结。以下是一些日本大公司正在使用的产品:

\n

\xe6\x97\xa5\xe7\xb5\x8c / 日经指数

\n
font-family: "\xe3\x83\x92\xe3\x83\xa9\xe3\x82\xae\xe3\x83\x8e\xe8\xa7\x92\xe3\x82\xb4 Pro W3","Hiragino Kaku Gothic Pro","\xe3\x83\xa1\xe3\x82\xa4\xe3\x83\xaa\xe3\x82\xaa",Meiryo,"\xef\xbc\xad\xef\xbc\xb3 \xef\xbc\xb0\xe3\x82\xb4\xe3\x82\xb7\xe3\x83\x83\xe3\x82\xaf",sans-serif;\n
Run Code Online (Sandbox Code Playgroud)\n

\xe7\x94\xa3\xe7\xb5\x8c / 三经

\n
font-family: "\xe3\x83\x92\xe3\x83\xa9\xe3\x82\xae\xe3\x83\x8e\xe8\xa7\x92\xe3\x82\xb4 ProN W3","HiraKakuProN-W3","\xe3\x83\x92\xe3\x83\xa9\xe3\x82\xae\xe3\x83\x8e\xe8\xa7\x92\xe3\x82\xb4 Pro W3","HiraKakuPro-W3","\xe3\x83\xa1\xe3\x82\xa4\xe3\x83\xaa\xe3\x82\xaa",Meiryo,"\xef\xbc\xad\xef\xbc\xb3 \xef\xbc\xb0\xe3\x82\xb4\xe3\x82\xb7\xe3\x83\x83\xe3\x82\xaf","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;\n
Run Code Online (Sandbox Code Playgroud)\n

\xe3\x83\xad\xe3\x82\xa4\xe3\x82\xbf\xe3\x83\xbc / 路透社

\n
font-family: "Hiragino Kaku Gothic Pro","Meiryo","MS Pgothic",knowledge-reg,helvetica,arial,sans-serif;\n
Run Code Online (Sandbox Code Playgroud)\n

美国有线电视新闻网

\n
font-family:  "\xe3\x83\xa1\xe3\x82\xa4\xe3\x83\xaa\xe3\x82\xaa", Meiryo, Tahoma, Verdana, "\xe3\x83\x92\xe3\x83\xa9\xe3\x82\xae\xe3\x83\x8e\xe8\xa7\x92\xe3\x82\xb4 Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "\xef\xbc\xad\xef\xbc\xb3 \xef\xbc\xb0\xe3\x82\xb4\xe3\x82\xb7\xe3\x83\x83\xe3\x82\xaf", "MS PGothic", sans-serif;\n
Run Code Online (Sandbox Code Playgroud)\n

雅虎日本人

\n
font-family: "\xe3\x83\xa1\xe3\x82\xa4\xe3\x83\xaa\xe3\x82\xaa","Hiragino Kaku Gothic Pro",Meiryo,"\xe3\x83\x92\xe3\x83\xa9\xe3\x82\xae\xe3\x83\x8e\xe8\xa7\x92\xe3\x82\xb4 Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;\n
Run Code Online (Sandbox Code Playgroud)\n

\xe6\x99\x82\xe4\xba\x8b\xe9\x80\x9a\xe4\xbf\xa1 / 集集出版社

\n
font-family: "\xe3\x83\x92\xe3\x83\xa9\xe3\x82\xae\xe3\x83\x8e\xe8\xa7\x92\xe3\x82\xb4 ProN W3","HiraKakuProN-W3","\xe3\x83\x92\xe3\x83\xa9\xe3\x82\xae\xe3\x83\x8e\xe8\xa7\x92\xe3\x82\xb4 Pro W3","HiraKakuPro-W3","\xe3\x83\xa1\xe3\x82\xa4\xe3\x83\xaa\xe3\x82\xaa",Meiryo,"\xef\xbc\xad\xef\xbc\xb3 \xef\xbc\xb0\xe3\x82\xb4\xe3\x82\xb7\xe3\x83\x83\xe3\x82\xaf","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;\n
Run Code Online (Sandbox Code Playgroud)\n

请注意,有时建议(例如此处)使用 Mincho 字体堆栈,例如:

\n
font-family : \'\xe3\x83\x92\xe3\x83\xa9\xe3\x82\xae\xe3\x83\x8e\xe8\xa7\x92\xe3\x82\xb4 ProN\' , \'Hiragino Kaku Gothic ProN\' , \'\xe6\xb8\xb8\xe3\x82\xb4\xe3\x82\xb7\xe3\x83\x83\xe3\x82\xaf\' , \'\xe6\xb8\xb8\xe3\x82\xb4\xe3\x82\xb7\xe3\x83\x83\xe3\x82\xaf\xe4\xbd\x93\' , YuGothic , \'Yu Gothic\' , \'\xe3\x83\xa1\xe3\x82\xa4\xe3\x83\xaa\xe3\x82\xaa\' , Meiryo , \'\xef\xbc\xad\xef\xbc\xb3 \xe3\x82\xb4\xe3\x82\xb7\xe3\x83\x83\xe3\x82\xaf\' , \'MS Gothic\' , HiraKakuProN-W3 , \'TakaoEx\xe3\x82\xb4\xe3\x82\xb7\xe3\x83\x83\xe3\x82\xaf\' , TakaoExGothic , \'MotoyaLCedar\' , \'Droid Sans Japanese\' , sans-serif;\n
Run Code Online (Sandbox Code Playgroud)\n

我在这里工作学到的东西:一些日本人更喜欢哥特式或其他字体而不是明朝字体,因为根据一些人的说法,明朝看起来更“中国”。上述公司均未使用明乔作为证据。不管你喜欢与否,我想这是品牌推广时需要牢记的一点。

\n


Col*_*kai 7

我不是字体/设计专家,但几乎每台日本PC都应该有你提到的基本拉丁字体,所以它们会起作用.但这些字体给日本人物带来了一种西方风格.如果你想使用日本网站通常使用的字体,我首先会浏览一些比较流行的日文网站,并使用Firebug或Chrome开发者工具之类的东西来检查CSS并查看它们引用的字体.例如,yahoo.co.jp目前有这个CSS:

font-family: 'MS PGothic', Osaka, Arial, sans-serif;
Run Code Online (Sandbox Code Playgroud)

如今," 哥特式 "字体字体似乎相当流行:在Windows上,MS Gothic,MS PGothic等字体.字体也被广泛使用.这些是我日语Windows机器上Firefox的默认浏览器字体设置:

日文Firefox字体设置

比例字体是sans-serif字体,它是MS PGothic,serif字体是MS PMing,monospace字体是MS Gothic.

BTW," 大阪 "字体是90年代日本Mac上的标准字体.除非你想要那种"复古"的感觉,否则强烈推荐使用"Hiragino Sans"(不推荐Kaku Gothic)用于macOS和iOS设备,以获得一致的现代外观和更好的易读性.此外,Hiragino Sans的字体重量(10)远远超过Kaku Gothic(仅2).


Pan*_*ood 7

字体实际上不必是在Web上使用的"web字体"(woff).我在我的网站上使用了其中的几个:

但这里有一些免费的日文网络字体(我也使用):

  • M+ 字体令人难以置信 (2认同)

小智 5

这是一个旧线程,但对于现在正在研究此问题的任何人,您应该注意到Meiryo不再是Windows加载的标准字体.从Windows 10开始,新的默认字体是Yu Gothic.但是,您仍然可以手动安装Meiryo.请看这篇文章