font-family 字体样式

文章列举了在CSS中用于设置字体的`font-family`属性的多种常见中英文字体,包括宋体、黑体、微软雅黑等,并提供了MacOS和Windows系统中的一些特定字体示例。此外,还展示了不同网站在实际应用中的`font-family`写法,如小米、淘宝等。这些信息对于网页设计师和前端开发者在选择和设置网页字体时具有参考价值。
摘要由CSDN通过智能技术生成

以下为font-family常用合集以及一部分文字效果:

宋体 SimSun

黑体 SimHei

微软雅黑 Microsoft YaHei

微软正黑体 Microsoft JhengHei

新宋体 NSimSun

新细明体 PMingLiU

细明体 MingLiU

标楷体 DFKai-SB

仿宋 FangSong

楷体 KaiTi

仿宋_GB2312 FangSong_GB2312

楷体_GB2312 KaiTi_GB2312

宋体:SimSuncss中中文字体(font-family)的英文名称

Mac OS的一些:

华文细黑:STHeiti Light [STXihei]

华文黑体:STHeiti

华文楷体:STKaiti

华文宋体:STSong

华文仿宋:STFangsong

儷黑 Pro:LiHei Pro Medium

儷宋 Pro:LiSong Pro Light

標楷體:BiauKai

蘋果儷中黑:Apple LiGothic Medium

蘋果儷細宋:Apple LiSung Light

Windows的一些:

新細明體:PMingLiU

細明體:MingLiU

標楷體:DFKai-SB

黑体:SimHei

新宋体:NSimSun

仿宋:FangSong

楷体:KaiTi

仿宋_GB2312:FangSong_GB2312

楷体_GB2312:KaiTi_GB2312

微軟正黑體:Microsoft JhengHei

微软雅黑体:Microsoft YaHei

装Office会生出来的一些:

隶书:LiSu

幼圆:YouYuan

华文细黑:STXihei

华文楷体:STKaiti

华文宋体:STSong

华文中宋:STZhongsong

华文仿宋:STFangsong

方正舒体:FZShuTi

方正姚体:FZYaoti

华文彩云:STCaiyun

华文琥珀:STHupo

华文隶书:STLiti

华文行楷:STXingkai

华文新魏:STXinwei

font-family,好看常用的字体

转载自http://www.zreading.cn/ican/2014/10/css-font-family/

例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,tahoma,\5b8b\4f53,sans-serif;

例4(淘宝UED):font: 12px/1 Tahoma,Helvetica,Arial,“\5b8b\4f53”,sans-serif;

例5(一淘UX):font-family: Helvetica, ‘Hiragino Sans GB’, ‘Microsoft Yahei’, ‘微软雅黑’, Arial, sans-serif;
————————————————
版权声明:本文为CSDN博主「敬畏i」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_62472876/article/details/127344425

`font-family` 是 CSS 中的一个属性,用于设置元素的字体系列,即定义元素文本显示所使用的字体。它允许你为一个元素指定一系列备选字体,浏览器会按照这个顺序尝试使用用户系统上可用的字体。 当设置 `font-family` 时,你可以采用以下几种常见的语法形式: 1. **命名字体(Concrete Fonts)**: - 例如:`font-family: Arial, sans-serif;` 这里指定了 Arial 字体,如果没有安装 Arial,就使用默认的 sans-serif 系列字体。 2. **家族名称(Family Names)**: - 例如:`font-family: 'Times New Roman', Times, serif;` 这里先尝试加载名为 'Times New Roman' 的特定字体,如果找不到则尝试加载名为 'Times' 的,再是任何可用的衬线字体(serif)。 3. **字体族和具体字体(Generic Font Families)**: - 如:`font-family: fantasy, cursive;` 这将优先使用幻想体(fantasy)或手写体(cursive),如果两者都没有,浏览器将使用默认的通用字体。 4. **内联样式(Internal Styles)**: - 可以使用 `@font-face` 规则从 URL 加载自定义字体。 5. **继承(Inheritance)**: - 如果元素没有直接设置 `font-family`,则会继承其父元素的字体。 相关问题: 1. 如何使用 `font-family` 属性实现跨平台的字体兼容性? 2. `font-family` 中的 `serif`, `sans-serif`, `monospace` 分别代表什么类型的字体? 3. 如何处理当浏览器无法找到指定字体时的替代方案?
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值