zoukankan      html  css  js  c++  java
  • font-family

    对于网站字体设置:

    移动端项目:font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;

    pc端(含Mac)项目:font-family:Tahoma,Arial,”Helvetica Neue“,”Hiragino Sans GB”,Simsun,sans-self;

    移动和pc端项目:font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self;

    首先说说字体的种类,字体分为五大种类,然而各设备的支持情况也个不相同,如

    各移动设备系统支持情况:

    五大类字体 安卓4.0 IOS6.0 WP8

    sans-serif(无衬线)

    支持 支持 支持
    serif(衬线) 支持 支持 支持
    monospace(等宽) 支持 支持 支持
    fantasy(梦幻) 不支持 支持 不支持
    cuisive(草体) 不支持 不支持 不支持
     
       

    当然目前这只是移动设备各系统的支持情况,然而pc端个浏览器的支持情况也各不相同,如:

    五大类字体 IE系列 Chrome Firefox
    sans-serif(无衬线) 支持 不支持 不支持
    serif(衬线) 支持 支持 支持
    monospace(等宽) 支持 支持 支持
    fantasy(梦幻) 支持 支持 支持
    cuisive(草体) 不支持 不支持 不支持
     
       

    下面介绍下个系统的默认字体和常用字体

    系统 默认西文字体 默认中文字体 其他常用西文字体 其他常用中文字体
    Windows 宋体 宋体 Tahoma、Arial、Verdana、Georgia 微软雅黑、黑体
    Android 4.0以下 Droid Sans Droid Sans Fallback Arial 无宋体、无微软雅黑
    Android 4.0及以上 Roboto Roboto Arial 无宋体、无微软雅黑
    iOS Helvetica Neue Heiti SC (黑体) Tahoma(v7.0)、Arial、Verdana、Georgia STHeiti(v7.0)、无宋体、无微软雅黑
    Mac OS X 10.6以下 Helvetica Neue STHeiti (华文黑体) Tahoma、Arial、Verdana、Georgia 宋体、无微软雅黑
    Mac OS X 10.6及以上 Helvetica Neue Hiragino Sans GB  (冬青黑体简体中文) Tahoma、Arial、Verdana、Georgia 宋体、无微软雅黑
     
       
    我们在一起看看三大主流系统他们字体到底支持哪些呢?
     
    ios 系统
     
    默认中文字体是Heiti SC
    默认英文字体是Helvetica
    默认数字字体是HelveticaNeue
    无微软雅黑字体
     
    android 系统
     
    默认中文字体是Droidsansfallback
    默认英文和数字字体是Droid Sans
    无微软雅黑字体
     
    winphone 系统
     
    默认中文字体是Dengxian(方正等线体)
    默认英文和数字字体是Segoe
    无微软雅黑字体
     
    总结:
    各个手机系统有自己的默认字体,一般不支持我们常用字体,例如微软雅黑等;
    如无特殊需求,手机端无需定义中文字体,使用系统默认即可。
    英文字体和数字字体可使用 Helvetica ,三种系统都支持。
    /* 移动端定义字体的代码 */
    body{font-family:Helvetica;}
  • 相关阅读:
    判断三点是否共线
    canvas判断点是否在路径内
    如何获取canvas当前的缩放值
    杨辉三角与排列组合数
    WEB 三维引擎在高精地图数据生产的探索和实践
    高精地图数据应用分发引擎建设实践
    视觉感知未来,高德数据采集模型部署实践!
    高德Serverless平台建设及实践
    高德客户端低代码系统架构实践
    数据人必读!玩转数据可视化用这个就够了——高德LOCA API 2.0升级来袭!
  • 原文地址:https://www.cnblogs.com/xiaofenguo/p/6066512.html
Copyright © 2011-2022 走看看