最标准的系统字体规范font-family

news/2024/12/27 3:04:41/

最标准的系统字体规范font-family

注意系统默认字体和浏览器默认字体这个差别。

直接提供方案:

font: 14px/1.6 
/*西文*/-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,
/*中文*/PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;

这些都是些什么字体?

1、-apple-system, BlinkMacSystemFont:

这两个值是特殊供 iOS 和 macOS(OS X) 使用的属性值,前者只被 Safari 识别,后者只被 Chrome 识别。也就是说它们是 Webkit 私有属性,这两个值强大的地方就在于,其会根据系统版本的不同,渲染出不同的字体。

2、"Segoe UI", Roboto, Ubuntu:

西文字体的第二梯队,分别对应了:
"Segoe UI" 对应的是 Windows 和 Windows Phone;
Roboto 对应的是 Google 家的 Android 和 Chrome OS';
Ubuntu 对应的是 Linux。

3、Helvetica Neue,Helvetica,Arial:

西文字体的最终 fallback:
"Helvetica Neue"对应的是 OS X pre-EI Capitan&#x


http://www.ppmy.cn/news/490304.html

相关文章

Linux 安装字体库-宋体

由于需要宋体,所以需要自行安装 执行命令发现输入命令查看字体列表是提示命令无效: 如上图可以看出,不仅没有中文字体,连字体库都没有,那么接下来就记录一下在Linux CentOS 7中如何安装字体库以及中文字体。 安装字…

ttf能改成gfont吗_如何编辑ttf字体文件

展开全部 1、首先百度搜索“fontforge”,找一个安全的网站进行32313133353236313431303231363533e4b893e5b19e31333431373839下载。 2、下载之后运行安装程序进行安装, 3、安装完成后运行“run_fontforge.exe”打开程序,如图所示: 4、输入文件所在的硬盘分区(如F:\),找到T…

修改TTF文件或者otf文件或者woff文件内的字体名称

使用软件为FontCreator,我这里用的版本为12,官网为http://www.high-logic.com/ ,是收费软件,但是有pojie版。 1.打开FontCreator,将ttf文件拖到FontCreator打开。 2.菜单项选择Font》Properties,打开Font Properties…

修改系统字体文件

这是 OneNote设置中英文字体显示 中,修改系统字体的详细步骤。至于为什么要分成两篇文章,功能不同的模块集成在一起,总感觉怪怪的。 以下正文: 使用 FontCreator 软件,修改系统字体文件。 1、备份 Calibri 字体文件&…

TTF字体文件结构

TTF字体文件结构 2009-02-10 13:35 TrueType 字体通常包含在单个TrueType字体文件中,其文件后缀为.TTF。OpenType字体是以类似 于TrueType字体的格式编码的POSTSCRIPT字体。OPENTYPE字体使用.OTF文件后缀。OPENTYPE还允许把多个 OPENTYPE字体组合在一个文件中以利于…

WIndows 中文字体类型对应的文件名称

所有的字体都存放在系统盘下的Fonts文件夹,系统盘下搜索*.ttf,即可找到该系统支持的所有字体文件。 以下是各字体文件的对应关系,华文...类型的字体是安装office之后添加的字体,sim开头的字体是win系统自带的。 中文字体对应文件名 字体文件…

TTF文件的制作——打造属于自己的字体

不少做平面的朋友可能都有过这样的经历:在自己的作品中要使用某种特效字体,但是到处都找不到符合自己要求的。于是有些朋友选择了自己绘制,这当然解决了当时的问题,可你有没有想过,把你绘制的字符图形制作成为真正意义…

11 .ttf TTF字库文件格式详解

.ttf TTF字库文件格式详解 字库有点阵字库和矢量字库,有些嵌入式里面是使用的是点阵字库,而点阵字库一般是用工具从矢量字库中转出来的。 常用的字库有TTF字库。 一个矢量字库的后缀往往是.ttf,大小有好几M。 依靠编码方式,如G…