font 与 font-family

最新推荐文章于 2024-12-02 11:03:34 发布
最新推荐文章于 2024-12-02 11:03:34 发布
阅读量150 收藏
点赞数
分类专栏： 生活之篇
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/haixia521/article/details/83879982
版权
本文记述了一次因混淆font与font-family属性而导致字体显示错误的经历。作者通过实践发现两者在定义字体时存在显著差异，并建议使用font-family来避免此类问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天遇到一个郁闷问题，就是我定义了font后显示的不是定义的字体，让我绞尽脑汁费劲心思弄了大半天，结果问题出在font 与 font-family 上，原来这两个定义还不一样！呵呵大家定义的时候一定要用font-family 避免出现类似我这样的问题啊！吃一堑长一智值了。。。
规范字体：font-family 的用法
weixin_58691935的博客
02-20 2271
一些前端UI库例如bootstrap会给根节点（例如/）设置类似这样（font-family: sans-serif；无衬线字体）的字体规范，以防止页面字体不统一。
CSS中的font，font-family、font-weight、font-size等
Sapling
09-23 872
CSS中的font，font-family、font-weight、font-size等
字体类形：font-family, font-style
weixin_34199335的博客
03-29 173
语法：{font-family:字体1,字体2,字体3,...}作用：调用客户端字体 font-family: "Lantinghei SC","Microsoft Yahei",宋体,Arial,Helvetica,sans-serif; ·当字体名称包含两个以上分开的单词时，用“”把该字体名称括起来。 当样式规则外已经有“”时，用‘’代替“”。 注意：如果在font-famil...
在CSS样式中font&font-family有什么区别？
海天与晨钟
11-06 1862
font-family 是 font 内的一个属性标签，但是font范围太广，当你在font内定义字体的时候中文字体需要加上双引号，例如"宋体"，并且font在W3C标准中不可以单独书写字体，必须填写完整其他属性，并且有顺序要求。 但是，国际上很少有单独使用font的例子，一般定义字体都用font-family，免去了font的很多麻烦。 在书写符合W3C标准的CSS代码时，常用的字体定义...
css中font-family和font-style的区别
qq_38871723的博客
05-14 6318
初学字体样式的时候会分不清楚font-family和font-style的区别 font-family ：是字体系列 它的值有很多，比如 “宋体”，“微软雅黑”等等，就是你电脑字体库里面有的那些字体。 font-style：是字体样式 它的值有：normal（默认值）、italic（斜体）、oblique（倾斜） 例子： <style type="text/css"> p.normal {font-style:normal} p.italic {font-style:italic} p.obli
【五月夏花】CSS笔记之七：话说CSS字体属性font-family、font-style、font-size、font-weight、font-variant
freshlover的专栏
05-08 1万+
话说CSS字体属性font-family、font-style、font-size、font-weight、font-variant： 使用CSS，可以对字体进行设置，字体属性包括五种常见属性：字体系列font-family、字体样式/字体风格font-style、字体大小font-size、字体粗细font-weight、字体变量font-variant。通过这五个属性，可以设定文本在we
font-family 你值得拥有的字体样式
01-19
font-family 你值得拥有的字体样式 这个文档可以帮助你如何优雅的选择字体(font-family)
font-family中文字体代码示例
12-13
`font-family` 属性在CSS（层叠样式表）中用于定义文本的字体，它允许开发者指定一系列字体，浏览器会按照顺序尝试匹配，直到找到用户计算机上可用的字体。本文将详细解释`font-family`属性在处理中文字体时的应用，...
ubuntu-font-family-0.80
09-28
字体符为ubuntu-font-family，包括Ubuntu-B、Ubuntu-BI、Ubuntu-C、Ubuntu-L、Ubuntu-LI、Ubuntu-M、Ubuntu-MI、UbuntuMono-B、UbuntuMono-BI、UbuntuMono-R等
CSS常用属性之字体属性（三）
全粘小谭的博客
10-02 885
CSS的字体属性主要有：color属性、font-size、font-weight、font-style、font-family、@font-face，接下来我将对这些属性进行一个还算详细的描述
CSS文本样式（一）
qq_72013756的博客
08-21 5513
从零开始学前端
CSS字体样式（font）[详细]
这个人好有趣....hh
02-22 3万+
font-family：设置字体； font-style：设置字体的风格，例如倾斜、斜体等； font-weight：设置字体粗细； font-size：设置字体尺寸； font-variant：将小写字母转换为小型大写字母； font-stretch：对字体进行伸缩变形（使用较少，并且主流浏览器都不支持）； font：字体属性的缩写，可以在一个声明中设置多个字体属性。
CSS字体样式属性调试
Web_chicken的博客
09-08 7865
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"
CSS字体样式属性及文本外观属性
CruelMeng的博客
03-18 2816
font-family:字体名称;src:字体路径;
7、前端开发：CSS知识总结——字体样式
不迁怒，不贰过。小知识，大智慧。
08-16 5376
字体设置也是网页设计中的重要组成部分，合适的字体不仅会使页面更加美观，也可以提升用户体验。CSS 中提供了一系列用于设置文本字体样式的属性，比如更改字体，控制字体大小和粗细等等。...
CSS文本属性深入解析：字体、粗细与样式的完美搭配
最新发布
欢迎来到软件测试jeffky博客！在这里，我们将探讨各种与软件测试相关的主题，包括测试策略、方法、工具、最佳实践和行业趋势。我们的目标是帮助读者提高软件质量，确保用户满意度，并分享在软件测试领域的知识和经验。
12-02 1006
通过组合这些属性，你可以精细地控制网页中文本的外观和排版，从而创建出更具吸引力和可读性的页面设计。在这个示例中，我们展示了如何使用简单的CSS代码控制文本的粗细、样式和对齐方式。（倾斜）也为文字增添了动感。设置文本装饰，如underline（下划线）、overline（上划线）、line-through（删除线）等。这个简写属性将设置段落文本为斜体、小型大写字母、加粗、16像素大小、行高为1.5倍字体大小的Arial字体。设置字体大小，可以使用绝对单位（如px、pt）、相对单位（如em、rem）或百分比。
字体和font-family对照表
热门推荐
Eighteen Z
05-30 7万+
windows常见内置中文字体 字体中文名 字体英文名 字体应用 ...
font-face和font-family
09-07
与之相对，font-family是CSS属性中的一个值，用于指定字体的名称或字体系列。这个属性通常与其他的字体属性（如font-size、font-weight等）一起使用，来定义文本内容的字体样式。 通过使用字体系列名称或字体名称，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值