美文网首页工作生活
藏文网站如何选择字体(font-family)方案

藏文网站如何选择字体(font-family)方案

作者: Bumpa | 来源:发表于2019-07-04 10:48 被阅读0次

    在不同的操作系统、不同的浏览器显示的字体都是不同的。首先我们来了解一下各操作系统里的默认藏文字体:

    一、各平台里默认藏文字体情况

    1、在Windows系统下:

    微软喜马拉雅("Microsoft Himalaya"):从Windows Vista开始系统自带的默认藏文字体,微软喜马拉雅字体字号选择12px、14px显得太小,无法接受,只有字号20pt才是显示效果最好,但是不同语种(除了藏英文混排外)的文字混排效果非常糟糕,所以使用的时候需要注意!

    2、在Mac OS系统下:

    Kokonor:Mac OS默认藏文字体,一款衬线字体,Kokonor字体字号选择12px、14px显示效果还不错,所以可以正常使用此款字体。

    Kailasa:Mac OS默认藏文字体,一款无衬线字体,Kailasa字体字号选择12px、14px显示效果还不错,所以可以正常使用此款字体。

    3、在Android系统下:

    Noto Sans Tibetan:从Android 6.0开始自带的默认藏文字体,一款无衬线字体,正常字号尤其是小字号14px显示效果极佳,但是大字号就很难看,使用时需要注意。

    4、在iOS系统下:

    Kailasa:iOS系统的Kailasa字体和Mac OS系统的Kailasa字体相同,保证了Mac上的字体效果。

    5、在Linux系统下:

    Tibetan Machine Uni:Linux系统字体的一款藏文字体,国外用户常用的一款藏文字体,字号12px显示效果不理想,使用时需要注意。

    想要了解更多藏文字体,可以访问此页面:https://www.tibetitw.com/tibetan-fonts

    二、选择字体需要注意的问题

    1、声明英文字体:

    绝大部分藏文字体里都包含英文字母和数字,不进行英文字体声明是没有问题的,但是大多数藏文字体中的英文和数字的部分都不是特别漂亮,所以建议也对英文字体进行声明。

    由于英文字体中不包含藏文,我们可以先进行英文字体的声明,这样不会影响到藏文字体的选择,因此优先使用最优秀的英文字体,中文字体声明则紧随其次。如下示例:

    font-family: Arial, "Microsoft Himalaya";
    

    2、照顾不同的操作系统:

    英文、数字部分:在默认的操作系统中,Mac和Win都会带有Arial, Verdana, Tahoma等几个预装字体,从显示效果来看,Tahoma要比Arial更加清晰一些,因此字体设置Tahoma最好放到前面,当找不到Tahoma时再使用Arial;而在Mac中,还拥有一款更加漂亮的Helvetica字体,所以为了照顾Mac用户有更好的体验,应该更优先设置Helvetica字体;Android系统下默认的无衬线字体就可以接受,因此无需单独设置。最后,英文、数字字体的最佳写法如下:

    font-family: Helvetica, Tahoma, Arial, "Microsoft Himalaya";
    

    3、补充字体族名称

    字体族大体上分为两类:sans-serif(无衬线体)和serif(衬线体),当所有的字体都找不到时,我们可以使用字体族名称作为操作系统最后选择字体的方向。一般非衬线字体在显示器中的显示效果会比较好,因此我们需要在最后添加 sans-serif,写法如下:

    font-family: Helvetica, Tahoma, Arial, "Microsoft Himalaya", sans-serif;
    

    4、引用外部字体

    4.1、使用Google Fonts API

    Google Fonts提供一种藏文字体 "Jomolhari",Jomolhari是一种免费的,兼容Unicode的藏文脚本字体,以不丹和西藏边界上的Jomolhari山命名。 该字体可用于藏文和宗喀文。 它的灵感来自不丹的手稿实例,最初是设计用于出版传统佛教文字的。

    STANDARD方式:

    <link href="https://fonts.googleapis.com/css?family=Jomolhari&display=swap" rel="stylesheet">
    

    @IMPORT方式:

    <style>
    @import url('https://fonts.googleapis.com/css?family=Jomolhari&display=swap');
    </style>
    

    CSS代码:

    font-family: 'Jomolhari', serif;
    

    4.2、使用Google Fonts Early Access

    Google Fonts Early Access提供一种藏文字体 "Noto Sans Tibetan",Noto有助于使跨所有语言的平台的网络更加美观。 当前,Noto涵盖了90多个脚本,并且将来将涵盖所有Unicode。 这是Noto Sans Tibetan家庭。 它具有规则的风格,并带有提示性。

    @IMPORT方式:

    @import url(//fonts.googleapis.com/earlyaccess/notosanstibetan.css);
    

    CSS代码:

    font-family: 'Noto Sans Tibetan', sans-serif;
    

    在GitHub上有一款WordPress插件引用外部藏文字体实例,大家可以参考一下:https://github.com/bumpagyal/tibetan-style

    三、推荐写法

    由于每个人的审美不一样,钟爱的字体也会有所有不同,这里给出我个人的常用写法:

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Kokonor, Kailasa, "Tibetan Machine Uni", "Noto Sans Tibetan", Jomolhari, "Microsoft Himalaya", sans-serif;
    

    相关文章

      网友评论

        本文标题:藏文网站如何选择字体(font-family)方案

        本文链接:https://www.haomeiwen.com/subject/bnllhctx.html