设置多种字体，font-family设置多个值

最新推荐文章于 2024-04-13 08:10:06 发布
最新推荐文章于 2024-04-13 08:10:06 发布
阅读量9.8k 收藏 5
点赞数
分类专栏： html/css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40030173/article/details/103735496
版权

为了兼容不同机型，网页常常要 font-family设置多个值，来能满足页面需求。不同字体之间用逗号隔开，按优先级依次排开。

 font-family:"Source Han Sans CN","PingFang-SC-Medium","Microsoft YaHei";

常用字体中英文对照如下：
微软雅黑： Microsoft YaHei

宋体：SimSun

黑体：SimHei

仿宋： FangSong

楷体： KaiTi

隶书：LiSu

幼圆：YouYuan

华文细黑：STXihei

华文楷体：STKaiti

华文宋体：STSong

华文中宋：STZhongsong

华文仿宋：STFangsong

方正舒体：FZShuTi

方正姚体：FZYaoti

华文彩云：STCaiyun

华文琥珀：STHupo

华文隶书：STLiti

华文行楷：STXingkai

华文新魏：STXinwei

漂移的电子
关注
专栏目录
html font-family设置无效,HTML+CSS入门 CSS设置中文字体(font-family:"黑体")后样式失效问题如何解决...
weixin_39887577的博客
06-03 1994
本篇教程介绍了HTML+CSS入门 CSS设置中文字体(font-family:"黑体")后样式失效问题如何解决，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。<做项目时偶遇的一诡异问题，同样的代码，在ff和IE7以上页面显示正常，但IE6无论怎么改都不起作用，本来以为是IE6的某些浮动bug所致，结果弄了很长时间也不行，后来不经意间把原来设定的font-family:"...
font-family中文字体代码示例
09-25
`font-family`属性用于定义元素的字体系列，可以接受一个或多个字体名称，这些名称之间用逗号分隔。浏览器会按照列表顺序尝试匹配并应用最前面可用的字体。如果浏览器不支持列出的第一个字体，它会尝试下一个，直到...
为何在font-family属性中设置多个值
bacongti2381的博客
06-29 1122
通常前端开发中会对body标签中设置font-family属性多个值，例如： body{padding:0;margin:0;font-size:12px;text-align:left;font-family: "Microsoft YaHei","微软雅黑","Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "ST...
说说 Windows 中的中文字体
weixin_30687811的博客
09-30 618
上一篇说了 Silverlight 中的中文字体，现在来说说 Windows 中的中文字体。 在默认情况下，也就是未自行安装新字体或者 Office 等文字处理软件的情况下，Windows 默认提供下列字体： Windows 95/98/98SE 宋体、黑体、楷体_GB2312、仿宋_GB2312 Windows XP/2000/2003/ME/NT 宋体/...
3.2 字体类型font-family
mmsx2017的博客
03-15 1571
一、font-family属性 字体，我们经常见到，在word的使用中，我们往往会使用不同的字体，什么宋体、微软雅黑等。在CSS中，使用font-family属性来定义字体类型。 语法： font-family：字体1,字体2,字体3; 说明： font-family可指定多种字体，多个字体将按优先顺序排列，以逗号隔开，注意逗号一定要是英文逗号。 &lt;style type="tex...
规范字体：font-family 的用法
weixin_58691935的博客
02-20 1544
一些前端UI库例如bootstrap会给根节点（例如/）设置类似这样（font-family: sans-serif；无衬线字体）的字体规范，以防止页面字体不统一。
font-family 字体样式
君心不自知的博客
07-26 7340
font-family 字体样式
CSS字体选择（font-family）：不同的字体选择方案
weixin_41888295的博客
05-05 423
选择字体时，应该考虑到字体的大小、字体的风格、字体的可读性等因素。例如，可以使用font-weight属性来改变字体的粗细，使用font-style属性来改变字体的风格，使用font-size属性来改变字体的大小等。过于常见的字体可能会在用户的电脑上出现问题，因此需要避免使用过于常见的字体。总之，CSS文本字体的选择是一个非常重要的问题，需要考虑到字体的大小、字体的风格、字体的可读性等因素，避免使用过于常见的字体，使用CSS属性来进行字体选择，使用CSS框架来进行字体选择。2、避免使用过于常见的字体。
CSS font-family为英文和中文字体分别设置不同的字体
12-13
在CSS中，`font-family` 属性用于定义元素的字体系列，它允许我们指定一系列的字体，以便在用户的计算机上找不到首选字体时，浏览器可以尝试使用下一个可用的字体。这是一项重要的样式设置，确保文本在各种设备和...
css中默认中文字体font-family列表
09-25
在设计网页时，为了确保不同操作系统和浏览器上的用户能够正确地看到设计者希望呈现的字体，通常会设置一个字体栈（font stack），即多个候选字体的列表。当中文字体被指定在font-family属性中时，这个列表就变得尤...
打造专业级网页排版：全方位解析专业字体家族font-family实践与全球知名字体库导览
最新发布
JINGWHALE
04-13 1978
本文将深度解析专业级网页排版中字体家族（font-family）设置的实践技巧，结合全球知名字体库资源的详细介绍与导航，助力读者全方位提升网页设计的视觉美感与可读性。CSS中的字体家族（`font-family`）属性用于指定文本所使用的字体系列。它允许开发者选择一种或多种字体作为备选，确保在浏览器中以最佳可用字体显示文本。
IE8下@font-face引入特殊字体兼容问题（format|?#iefix|两个url三问）
九日的博客
05-06 2185
问题表现： 使用@font-face引入自定义特殊字体，在IE8环境下报错“@font-face遇到了未知错误”，表现为字体丢失。 问题分析： 我们常用的字体文件的格式如： TrueType、Web Open Font格式对于IE浏览器来说，在IE9+版本才支持。IE8只支持Embedded Open Type格式的字体文件(.eot)。所以IE8环境下，想要引入自定义特殊字体，只能想办法转换...
CSS为英文和中文字体分别设置不同的字体
热门推荐
WP8HUB
05-07 1万+
font-family的调用方法: div { font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; font:bold 12px/0.75em Arial,'Times New Roman','Microsoft YaHei',SimHei; } 根据font-family的原则,假如客户终端不认
CSS属性 – font-family (重要, 不过一般仅设置一次)
coolchaobing的博客
07-27 405
认识font-family
字体族
qq_34550459的博客
04-17 486
设置字体常用属性: color:字体的颜色 font-size:字体的大小 font-family:字体族(字体的格式) serif:衬线字体 sans-serif:非衬线字体 monospace等宽字体 -指定字体的类别,浏览器会自动使用该类别下的字体 font-family:可以同时指定多个字体,多个字体之间用逗号隔开 字体生效时优先使用第一个,第一个无法使用则使用第二个,以此类推. 京东使用...
网页中使用的字体介绍
anjujiao1678的博客
01-17 973
字体的选择，是网页开发的关键因素之一。 合适的字体，对网页的美观度（或可读性）有着举足轻重的影响。 但是，相比英文字体，中文字体的网页开发有着极大的局限性。因为，一套中文字体最少也要有几千个字符，体积为几个MB；单单为了浏览网页，开发者不可能让用户去下载字体，只能依靠操作系统的预装字体。（*注：确实有网站提供中文字体的web服务，从技术角度，我不推荐这样做。） 不同的操作系统、不同...
font-family字体显示规则及如何使用外部字体（@font-face）
blingsky123的博客
10-30 6310
1. font-family按照什么规则进行字体显示？2. 如何引入外部字体进行使用
CSS字体样式属性调试
Web_chicken的博客
09-08 7596
CSS字体样式属性调试 1.font-size font-size属性用于设置字号 p { font-size:20px; 2.font-family font-family用于设置字体 p { font-family:"Mirsoft YaHei"； } 网页中常用字体有宋体，微软雅黑，黑体等 可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个,直到找到合适的字体，如果都没有，则以我们电脑默认的字体为准。 p { font-family:"Mirsoft YaHei"
怎样通过font属性控制CSS字体样式？
CZ-001的博客
05-16 1054
使用font-family属性设置字体时，需要注意以下几点。使用fomt属性综合设置字体样式时，必须按上述语法格式中的顺序书写，各个属性以空格隔开(line-height用于设置行间距，属于文本外观属性，在后面将具体介绍)。其中，不需要设置的属性可以省略(省略的属性将取默认值)，但必须保留fomt-size和 font-family属性，否则font 属性将不起作用。从图中可以看出，font属性设置的样式并没有对第二个段落文本生效，这是因为对第二个段落文本的设置中省略了字体属性“font-family”。
style="font-family: 设置多个字体
06-11
您可以使用逗号将多个字体名称分开，例如： ```html <style> p { font-family: "Helvetica Neue", Arial, sans-serif; } </style> ``` 这将首先尝试使用 "Helvetica Neue" 字体，如果该字体不可用，则使用 Arial 字体，最后使用 sans-serif 字体作为后备字体。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值