推荐一个字体系列font-family写法

最新推荐文章于 2023-07-26 15:11:55 发布
原创 最新推荐文章于 2023-07-26 15:11:55 发布 · 4.5k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#font-family

本文详细解析了在不同操作系统下（macOS, Windows, Linux）进行网页设计时，如何选择和排列字体以确保跨平台的显示效果。从西文到中文，从系统默认字体到开源字体，全面覆盖字体系列的合理配置。

font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;

第1、2个"Helvetica Neue", Helvetica为mac os下的西文字体；

第3个Arial为windows下的西文字体；

第4、5、6个"PingFang SC"，"Hiragino Sans GB", "Heiti SC"为mac os下的中文字体；

第7个"Microsoft YaHei"为windows下的中文字体；

第8个"WenQuanYi Micro Hei"为linux下的中文字体；

第9个sans-serif为一个无衬线字体族；

写字体系列都先写英文的再写中文的，并且要兼顾不同的系统。

 

规范字体：font-family 的用法
weixin_58691935的博客
02-20 2842
一些前端UI库例如bootstrap会给根节点（例如/）设置类似这样（font-family: sans-serif；无衬线字体）的字体规范，以防止页面字体不统一。
CSS3用@font-face实现自定义英文字体
09-25
在CSS3中，`@font-face`规则是一个强大的特性，允许开发者自定义并引入网页的英文字体，从而提供独特的视觉效果和品牌风格。通过这个规则，你可以指定一个唯一的字体名称，然后链接到本地或者网络上的字体文件，使得...
font-family 你值得拥有的字体样式
01-19
font-family 你值得拥有的字体样式 这个文档可以帮助你如何优雅的选择字体(font-family)
优雅的设置font-family
arrin的博客
09-12 6638
大家都知道，在不同操作系统、不同游览器里面默认显示的字体是不一样的，并且相同字体在不同操作系统里面渲染的效果也不尽相同，那么如何设置字体显示效果会比较好呢？下面我们逐步的分析一下：一、首先我们看看各平台的默认字体情况1、Window下：宋体（SimSun）：Win下大部分游览器的默认字体，宋体在小字号下（如12px、14px）的显示效果还可以接受，但是字号一大就非常糟糕了，所以使用的时候要注意。
CSS,font-family,好看,常用,中文,字体（更新中）
热门推荐
chenmoquan的专栏
11-21 7万+
例1（小米米官网）：font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; 例2（淘宝技术研发中心）：     font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif; 例3（加网 ）：      font: 14px/1.5 'Microsoft
CSS,font-family,好看常用的中文字体
weixin_33897722的博客
08-25 280
2019独角兽企业重金招聘Python工程师标准>>> ...
font-family 多个
06-10
结合引用[2]，如果使用`font`简写属性时，`font-family`作为最后一个值，且必须指定（不能省略）：```cssdiv{font:italic70016px/1.5"MicrosoftYaHei",sans-serif;}```注意：在简写形式中，字体族名称必须放在最后，...
网页一般用哪种字体比较好，常见的font-family怎么写
最新发布
06-11
因此，回答应该包括：-常用字体的分类（衬线、无衬线等）以及常见字体名称-安全字体的概念和常见的Web安全字体-font-family的标准写法（包括指定多个字体和通用字体系列）-提供示例另外，我们还需要考虑：-中文字体...
FONT-SIZE: 12px; FONT-FAMILY: verdana; BORDER-COLLAPSE: collapse 帮我换成css写法
09-20
2. 字体家族（Font Family）：用 `font-family` 属性来设定，例如： ```css .your-class { font-family: verdana, sans-serif; } ``` 其中，`verdana` 是首选字体，如果用户计算机上没有安装 verdana，则会...
css的font-family的中英文对照
bangzi3783的博客
09-07 1032
css中中文字体（font-family）的英文名称Mac OS的一些：华文细黑：STHeiti Light [STXihei] 华文黑体：STHeiti 华文楷体：STKaiti 华文宋体：STSong 华文仿宋：STFangsong 儷黑 Pro：LiHei Pro Medium 儷宋 Pro：LiSong Pro Light 標楷體：BiauKai 蘋果儷中黑：Apple LiGo...
CSS,font-family,好看的中文字体
InfiniteCreator
04-22 6588
网上找的 吓得我赶紧保存了 例1（小米米官网）：font-family: “Arial”,”Microsoft YaHei”,”黑体”,”宋体”,sans-serif;例2（淘宝技术研发中心）：font: 12px/1.5 Tahoma,Helvetica,Arial,’宋体’,sans-serif;例3（加网 ）：font: 14px/1.5 ‘Microsoft YaHei’,arial,ta
前端漂亮的字体 font-family
qq_45094682的博客
03-09 7327
今天在看UI图的时候看到这种字体，给大家分享分享，直接上图 图一 利用字体系列font-family div{ font-size: .7rem; color: #ffeb7b;/* 黄色 */ font-family: electronicFont; /* 这是重点！！！ */ } 图二 利用文字阴影text-shadow和字体系列font-family的效果 div{ width: 33%; float: left; line-height: 85px;
系统好看 字体font-family
weixin_43617604的博客
04-23 646
系统好看 字体 font-family font-family: Noto Sans TC, Microsoft YaHei, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
font-family 字体样式
君心不自知的博客
07-26 1万+
font-family 字体样式
CSS font-family字体大合集
wang_2011的专栏
07-19 263
以下为font-family常用合集以及一部分文字效果：windows常见内置中文字体宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋_GB2312 FangSong_GB2312楷体_G...
html好看的字体
优快云博客专家，系统架构师，有合作、疑惑请私信博主。
07-22 2万+
font-family 规定元素的字体系列。 font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。也就是说，font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。 有两种类型的字体系列名称： 指定的系列名称：具体字体的名称，比如：“times”、“courier”、“arial”。 通常字体系列名称：比如：“serif”、“sans-serif”、“cursive”、“fantas
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值