字体设置不建议使用中文字,而是使用Unicode码,这样做可以确保各个手机终端的兼容性。

例如:font:"宋体",就要写为font:"\5B8B\4F53"。

另外,为了减少代码数量,降低手机端流量,字体定义最好整合来写。

例如:font:bold 14px/180% \5B8B\4F53;这段代码解析后为宋体粗体14号字1.8倍行距。

css字体编码:

中文名   |    英文名    |     Unicode     |    Unicode 2

Mac OS

华文细黑 STHeiti Light [STXihei] \534E\6587\7EC6\9ED1 华文细黑

华文黑体 STHeiti \534E\6587\9ED1\4F53 华文黑体

华文楷体 STKaiti \534E\6587\6977\4F53 华文楷体

华文宋体 STSong \534E\6587\5B8B\4F53 华文宋体

华文仿宋 STFangsong \534E\6587\4EFF\5B8B 华文仿宋

丽黑 Pro LiHei Pro Medium \4E3D\9ED1 Pro 丽黑 Pro

丽宋 Pro LiSong Pro Light \4E3D\5B8B Pro 丽宋 Pro

标楷体 BiauKai \6807\6977\4F53 标楷体

苹果丽中黑 Apple LiGothic Medium \82F9\679C\4E3D\4E2D\9ED1 苹果丽中黑

苹果丽细宋 Apple LiSung Light \82F9\679C\4E3D\7EC6\5B8B 苹果丽细宋

Windows

新细明体 PMingLiU \65B0\7EC6\660E\4F53 新细明体

细明体 MingLiU \7EC6\660E\4F53 细明体

标楷体 DFKai-SB \6807\6977\4F53 标楷体

黑体 SimHei \9ED1\4F53 黑体

宋体 SimSun \5B8B\4F53 宋体

新宋体 NSimSun \65B0\5B8B\4F53 新宋体

仿宋 FangSong \4EFF\5B8B 仿宋

楷体 KaiTi \6977\4F53 楷体

仿宋_GB2312 FangSong_GB2312 \4EFF\5B8B_GB2312 仿宋_GB2312

楷体_GB2312 KaiTi_GB2312 \6977\4F53_GB2312 楷体_GB2312

微软正黑体 Microsoft JhengHei \5FAE\x8F6F\6B63\9ED1\4F53 微软正黑体

微软雅黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1 微软雅黑

Office

隶书 LiSu \96B6\4E66 隶书

幼圆 YouYuan \5E7C\5706 幼圆

华文细黑 STXihei \534E\6587\7EC6\9ED1 华文细黑

华文楷体 STKaiti \534E\6587\6977\4F53 华文楷体

华文宋体 STSong \534E\6587\5B8B\4F53 华文宋体

华文中宋 STZhongsong \534E\6587\4E2D\5B8B 华文中宋

华文仿宋 STFangsong \534E\6587\4EFF\5B8B 华文仿宋

方正舒体 FZShuTi \65B9\6B63\8212\4F53 方正舒体

方正姚体 FZYaoti \65B9\6B63\59DA\4F53 方正姚体

华文彩云 STCaiyun \534E\6587\5F69\4E91 华文彩云

华文琥珀 STHupo \534E\6587\7425\73C0 华文琥珀

华文隶书 STLiti \534E\6587\96B6\4E66 华文隶书

华文行楷 STXingkai \534E\6587\884C\6977 华文行楷

华文新魏 STXinwei \534E\6587\65B0\9B4F 华文新魏

html字体设置匹配移动端,移动端字体的设置相关推荐

  1. 移动端用户放大字体导致样式出问题

    这里写自定义目录标题 使用微信app 使用移动端浏览器打开 问题描述:最近使用uniapp写了一个h5项目 在多数手机上样式都是正常的,有的手机上却出现了字体放大然后导致整个页面的布局都乱了起来.经过 ...

  2. html移动端最小字体大小,踩坑之移动端显示字体大小问题

    踩到的第一个坑: 最近做一个移动端的h5,一开始拿到设计稿后,发现有几个区域字体换算之后在iphone6上是小于12px的,就有一个问题了,谷歌对小于12px的字体,是不做处理的.按理说,设计上应该要 ...

  3. html5 移动端字体问题,踩坑之移动端显示字体大小问题

    踩到的第一个坑: 最近做一个移动端的h5,一开始拿到设计稿后,发现有几个区域字体换算之后在iphone6上是小于12px的,就有一个问题了,谷歌对小于12px的字体,是不做处理的.按理说,设计上应该要 ...

  4. 首发:徐亦达团队新论文推荐(ECCV2020):端到端多人多视角3d动态匹配网络

    徐亦达团队在ECCV2020上发表了一篇机器学习论文 End-to-end Dynamic Matching Network for Multi-view Multi-person 3d Pose E ...

  5. windows href 可以设置header吗_windows电脑端有什么桌面办公便签可以设置农历时间提醒?...

    现如今,windows系统的电脑依然是职场人士主要使用的办公电脑,而桌面办公便签也是他们当前常用的备忘软件,因为它可以满足他们及时记事的需求,使得他们可以将工作中的待办事项及时记录下来.而且,有些桌面 ...

  6. 论文浅尝 | 使用预训练深度模型和迁移学习方法的端到端模糊实体匹配

    论文笔记整理:高凤宁,南京大学硕士,研究方向为知识图谱.实体消解. 链接:https://doi.org/10.1145/3308558.3313578 动机 目前实体匹配过程中实体之间的差异比较微妙 ...

  7. 电脑端腾讯视频如何设置离线下载完成后自动关机

    小编今天更新"电脑端腾讯视频如何设置离线下载完成后自动关机",1.点击主页面右上角的三条横杠 2.点击[设置] 3.点击左侧的[自动关机] 4.勾选[离线下载完成自动关机] 5.点 ...

  8. 移动端开发meta标签 viewport 设置

    移动端开发meta标签 viewport 设置 <meta name="viewport" content="width=device-width, initial ...

  9. 移动端如何定义字体font-family

    移动端如何定义字体font-family 中文字体使用系统默认即可,英文用Helvetica /* 移动端定义字体的代码 */ body{font-family:Helvetica;} 参考<移 ...

  10. android app如何后台自启动,商家骑手端允许后台运行APP设置方法(安卓)

    随着手机的普及,手机上安装的应用越来越多,手机厂商为了加长手机待机时间,对于APP都会进行强制关闭, 一般时间为3-10分钟,每个品牌的时间不一定. 这就导致很多APP会自动杀死.导致商家和骑手无法及 ...

最新文章

  1. 21. Matlab中的Live scrip ---实时脚本
  2. 本地应用 v-for 指令
  3. 福特CEO加入IBM董事会:为探索自动驾驶和车联网
  4. pytorch 常用层(四)
  5. 每天一道LeetCode-----计算整型数二进制中1的个数/返回二进制翻转后的结果
  6. 数字图像处理之几何变换
  7. memcached全面剖析–2.理解 memcached的内存存储
  8. 转一篇写的比较好的camera文档[Camera 图像处理原理分析]
  9. ANSI C and Microsoft C++中常用的预定义宏以及 宏定义中 # 和 ## 的区别
  10. LayoutInflater.inflate()方法两个参数和三个参数
  11. 计算机专业 职业素养论文,计算机专业本科毕业论文-20210707222739.docx-原创力文档...
  12. 微服务之SpringCloud实战(五):SpringCloud Eureka详解
  13. Visual Studio 要求导入 pfx 密钥以及导入后依然要求导入的解决办法
  14. Spark集群无法停止的原因分析和解决
  15. 网页播放器(CKplayer)的视频怎么下载——m3u8简单探索
  16. Mysql查询指定数据库某个表的所有字段
  17. 贝叶斯网络大白话教程
  18. 公网访问阿里云RDS云数据库
  19. linux dd命令实战
  20. c语言*p和**p,c语言分析(*p)++和*p++的不同含义

热门文章

  1. mongoVue破解版
  2. Mac上的全局翻译利器 : Bob + PopClip
  3. 瑞萨RH850F1L用户手册(UM)LIN master接口章节 中文翻译(Section 6 Exceptions/Interrupts(异常/中断))
  4. 雷赛acc68c说明书_深圳雷赛科技有限公司官网 雷赛智能公司怎么样 雷赛运动控制卡教程 雷赛步进电机说明书 雷赛m542c说明书 雷赛智能官网...
  5. 微信开发工具获取用户头像和用户昵称,实现本地和真机调试
  6. 怎么卸载php xshell,xftp5如何卸载?xshell5卸载不了怎么办?
  7. 波动方程有限差分法matlab,一维波动方程的有限差分法详解.doc
  8. keil中下载程序的擦除功能
  9. 百度网盘提取码_百度网盘提取码查询神器分享
  10. Python3-word文档操作(六):word文档中表格的操作-单元格文字居中,字体颜色等的设置