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

news/2024/2/28 11:33:34

最标准的系统字体规范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…

ttf类型的字体文件压缩

一般我们会在web项目中用到一些比较漂亮的字体,比如说fangzheng.ttf等这些字体,但是这些字段往往有好几MB,对网页不太友好,此时我们就想到把这些字体进行压缩,这里只说一下结论,font-spider不适合vue构建的…

参考文献格式字号字体_字体字号格式要求

字体字号格式要求 一、封面 题目:小二号黑体加粗居中。 各项内容:四号宋体居中。 二、目录 目录:二号黑体加粗居中。 章节条目:五号宋体。 行距:单倍行距。 三、论文题目 : 小一号黑体加粗居中。 四、中文摘要 1 、摘要:小二号黑体加粗居中。 2 、摘要内容字体:小四号宋…

字体文件格式详解

格式表 源字体格式 FontLab VI提供两种保存的原生文件格式:VFC(二进制)和VFJ(基于JSON)。两者都可以保留字体设计过程中使用的所有元素。以任何其他格式保存实际上是一个导出,可能会丢失一些元素&#xff…

正规word文档文件字体排版格式要求(标准)

1.标题 居中,2号方正小标宋,不加粗。可分一行或多行居中排布;回行时,要做到词意完整,排列对称,间距恰当。标题一般要有行文单位。 2.正文 一级标题(一、……),3号黑体…

IDE/记录VS2015WinSDK安装过程中增删的系统组件和环境变量

文章目录 概述看看"干净OS环境"安装VS软件后系统目录变化环境变量变化新增的组件程序 Qt及其VS插件安装后安装WinSDK后安装Win10SDK前安装WinSDK后 卸载VS2015其他软件的影响 概述 本文旨在,通过记录干净OS环境下 VS2015、Qt、WinSDK 软件安装前后&#…

【windows系统】卸载360壁纸

环境 系统:win10 64 方法 1、进入C:\Users\xxx\AppData\Roaming\360huabao目录。 2、找到卸载工具,卸载即可。 参考:https://www.800s.cn/c-qa/p-220830230823255

计算机无法设置壁纸黑屏,Win7电脑壁纸变黑屏怎么办?不妨试试设置这些地方吧...

原标题:Win7电脑壁纸变黑屏怎么办?不妨试试设置这些地方吧 不少用户在长久对着电脑系统自带的壁纸后,会慢慢产生一些厌烦心理;或是直接就对电脑系统自带的壁纸不满意的,这时候就会选择更换电脑桌面壁纸了。但最近有win…

win7没有个性化如何把计算机放到桌面,win7系统家庭版右键没有个性化设置桌面壁纸...

很多朋友的电脑是win7系统家庭版的,想要给电脑桌面的壁纸更换,就会发现电脑右键没有个性化选项,那么如何把个性化选项给设置出来呢?其实很好解决,下面就由小编带你解决win7右键没有个性化设置桌面壁纸的方法吧&#xf…

附上两张本人觉得不错的WIN7桌面壁纸

最近从云风BOLG那里搜刮到了一个 蒂法壁纸,听说是他自己用工具 GIMP搞的,这玩意我倒没玩过,也许跟PS差不多吧。不过清晰度倒是蛮大的. 另外一个是我在网上淘到的http://interfacelift.com这个国外网站有很多高清晰壁纸,比较不错。…

win7开机登录界面的壁纸怎样更换修改

win7的开机登录界面,每次开机我们都会看得到,对于看腻这个界面,那么我们是不是可以更的这个壁纸呢,一起来看看怎样更换修改 工具/原料 电脑 方法/步骤 自行准备一张壁纸,壁纸图片的可格式为jpg格式,壁纸图…

计算机的aero界面是一种,Win7家庭高级版特色功能 Aero桌面主题

前言:Win7现在已经是主流,已经有很多人使用Win7,并且有越来越多人选择购买Win7和预装Win7的电脑,而且更多的用户选择了Win7家庭高级版,所以还会有很多新用户加入Win7行列来。所以,还会有很多新人对于Win7的…

【命令参数】SVN - 环境配置及常用命令参数

目录 环境配置 基本语法 参数指令 SVN是一款基于C/S架构的版本控制系统,能够实现对产品项目的版本托管以及对源码库的高效管理。而掌握SVN中的一些命令参数,一定程度上可以使日常效率得到进一步提升。 环境配置 为在调用时更加便捷,通常会…
最新文章