网页CSS样式属性:font字体常识_html/css_WEB-ITnose
作者:绿林VS逍遥 | 来源:互联网 | 2017-05-12 01:15
网页CSS样式属性:font字体常识
同时声明中文字体的字体名称(英文)和显示名称(中文):
font-family:SimSun,"宋体";
font-family:"Microsoft YaHei","微软雅黑";
font-family:STXihei,"华文细黑","Microsoft YaHei","微软雅黑";
永远不要忘记声明英文字体,并且英文字体应该在中文字体之前
Font-family: Georgia, SimSun, “宋体”
在最后补充英文字体族的名称。字体族大体上分为两类:非衬线sans-serif和衬线serif
font-family:Georgia,SimSun,"宋体",serif;
font-family:Arial,"Microsoft YaHei","微软雅黑",sans-serif;
兼容不同的操作系统:
Font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif
对于英文字符,首先查找Helvetica(Mac),然后查找Tahoma(Win),都找不到就用Arial(Mac&Win);若是以上三者都缺失,则使用当前默认的sans-serif字体(操作系统或浏览器指定);
对于中文字体,我们已经了解其规则了。华文细黑(Mac),微软雅黑(Win)是这两个平台的默认中文字体。
向下兼容:
大量的用户在使用 Windows XP,宋体才是他们的主要中文字体。为了照顾到这些用户,你可以为微软雅黑增加一个 fallback:
在中文字体的用户群体里,很大一部分拥有 Mac 的人都同时安装了 Win 下常用的中文字体(这得归功于 Office for Mac);但极少有 Win 用户去安装 Mac 下的中文字体.
因此,把 Mac 用字体声明在前面几乎不会对 Win 用户产生什么影响(因为他们压根没有!),倒是用来做 fallback 的黑体可能会取代微软雅黑的位置,所以正确排列为:
font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”,“Microsoft YaHei”, “微软雅黑”, SimSun, “宋体”, Heiti, “黑体”, sans-serif
推荐阅读
-
说到正则表达式,网上有很多的通用的表达式,可是事实上说来,一般人的都不愿意去拿来研究,就是拿来就直接用就行了.可是,事实上,可能有些时候,项目中或公司里的实际情况不一样,得要修改一 ...
[详细]
蜡笔小新 2024-10-20 19:32:11
-
麦克风作为一个音频输入设备,是大家经常要用到的,但是有的windows10用户发现自己的麦克风没声音,应该怎么办呢?你先打开管理面板,进入设备管理器,找到音频输入和输出,看看你的麦克风是否被正 ...
[详细]
蜡笔小新 2024-10-20 19:17:35
-
-
蜡笔小新 2024-10-20 16:53:16
-
CephPool资源池管理#查看ceph资源池cephosdlspools#创建资源池osdpoolcreate{}{rep ...
[详细]
蜡笔小新 2024-10-20 16:31:45
-
蜡笔小新 2024-10-20 16:21:02
-
蜡笔小新 2024-10-20 16:12:11
-
刘汝佳书上用的是set,通过集合来查找.count()和删除.erase().这个方法比我的要好,用时更短。我觉得map也能完成这个任务,但是其删除并不方便,需要先查找fi ...
[详细]
蜡笔小新 2024-10-20 16:04:42
-
蜡笔小新 2024-10-20 15:47:09
-
本文目录一览:1、PHP-php源代码加密是怎么做到的 ...
[详细]
蜡笔小新 2024-10-20 15:26:24
-
本文目录一览:1、简述开发一个c语言程序的步骤 ...
[详细]
蜡笔小新 2024-10-20 15:17:04
-
Graylog是与ELK可以相提并论的一款集中式日志管理方案,支持数据收集、检索、可视化Dashboard。本节将实践用Graylog来管理Docker日志。Graylog架构Gr ...
[详细]
蜡笔小新 2024-10-20 14:43:31
-
开始---运行---cmdnetshwlanshowdrivers如果“支持的网络承载”一栏为“是”,那么你的网卡使用“软AP”功能。netshwlansethost ...
[详细]
蜡笔小新 2024-10-20 14:12:38
-
前期部署1.JDK安装,配置PATH2.下载spark-1.6.1-bin-hadoop2.6.tgz,并上传到服务器解压3.在 usr 下创建软链接到目标文件夹4.修改配置文件, ...
[详细]
蜡笔小新 2024-10-20 14:03:27
-
mac用于开发使用时间长硬盘会越来越小,速度越来越慢的,亦是花了几分钟研究怎么清理系统的缓存,方法:1,到https:www.omnigroup.commore安装OmniDisk ...
[详细]
蜡笔小新 2024-10-20 14:00:38
-
<template><el-ta ...
[详细]
蜡笔小新 2024-10-20 13:35:56
-