zoukankan      html  css  js  c++  java
  • 移动端使用字体总结

     ios、android系统不支持微软雅黑字体,可以通过@font-face定义为微软雅黑字体并存放到 web 服务器上,在需要使用时被自动下载,但是这种方法也有两种影响,一来消耗用户的流量,二来对页面的打开速度造成了延迟。

     @font-face {
        font-family: 'MicrosoftYaHei';
        src: url('MicrosoftYaHei.eot'); /* IE9 Compat Modes */
        src: url('MicrosoftYaHei.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                 url('MicrosoftYaHei.woff') format('woff'), /* Modern Browsers */
                 url('MicrosoftYaHei.ttf')  format('truetype'), /* Safari, Android, iOS */
                 url('MicrosoftYaHei.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */
       }

    手机系统的字体使用情况:

    ios 系统

    • 默认中文字体是Heiti SC
    • 默认英文字体是Helvetica
    • 默认数字字体是HelveticaNeue
    • 无微软雅黑字体

    android 系统

    • 默认中文字体是Droidsansfallback
    • 默认英文和数字字体是Droid Sans
    • 无微软雅黑字体

    winphone 系统

    • 默认中文字体是Dengxian(方正等线体)
    • 默认英文和数字字体是Segoe
    • 无微软雅黑字体

    结论

    • 各个手机系统有自己的默认字体,且都不支持微软雅黑
    • 如无特殊需求,手机端无需定义中文字体,使用系统默认
    • 英文字体和数字字体可使用 Helvetica ,三种系统都支持
    /* 移动端定义字体的代码 */
    body{font-family:Helvetica;}

     

  • 相关阅读:
    LINUX下用PHPIZE安装PHP GD扩展
    LNMP下使用Phabricator(一)
    关于学习
    PHP EXCEL相关
    curl_setopt 注意
    JS代码运行延迟
    ajax跨域
    Bootstrap-下拉菜单
    Bootstrap-基本的按钮组
    Bootstrap-基本的输入框组
  • 原文地址:https://www.cnblogs.com/moumou0213/p/6513045.html
Copyright © 2011-2022 走看看