简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > css教程 > 正文

font-family属性怎么使用

不言
发布： 2021-04-20 14:43:37
原创
25425 人浏览过

font-family属性是用来设置元素的字体系列，其使用方法：首先创建一个HTML示例文件；然后在body中通过p标签创建文件；最后通过样式“font-family:楷体;”来设置字体即可。

font-family属性怎么使用

本文操作环境：windows7系统、CSS3版、Dell G3电脑。

CSS中的font-family属性是用来设置元素的字体系列，如果要指定网页显示的字体，就需要设置font-family属性，下面我们就来具体看一下font-family属性的用法。

font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。也就是说，font-family 属性的值是用于某个元素的字体系列名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。

下面我们来看具体的示例

代码如下：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
 <style type="text/css">
    p.sample1 {font-family:楷体; }
 </style>
  </head>
  <body>
    <p class="sample1">文字的字体设置</p>
  </body>
</html>
登录后复制

效果如下：我们可以看到字体的形式为楷体

微信截图_20190213171236.png

在设置字体的时候我们需要注意的是，我们要设置的字体形式必需在Windows字体库中有的，否则不会生效。

本篇文章到这里就全部结束了，更多精彩内容大家可以关注php中文网的其他相关栏目教程！！！

以上是font-family属性怎么使用的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
font-family
来源：php.cn
上一篇：CSS的+(加号)选择器怎么用 下一篇：border-radius属性怎么使用
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
PX自动转换为REM错误  <style>html {   字体大小：calc(100vw / 3.75);      }body {    字体大小：0.16rem；      }</s...
来自于 2024-04-16 09:34:16
0
0
4687
CSS 样式未应用于网站 我正在使用Bootstrap5制作网站，但index.css属性未应用于index.html。当我将鼠标悬停在服务卡上时，背景应该会发生变化，从而产生过渡效果。应该是从这个到这个。...
来自于 2024-04-06 17:12:23
0
1
336
修复图像和名称位置 我试图编写一个网站代码，但图像和名称(Administracija)出现在左侧，但它们应该出现在搜索栏所在的位置。@importurl('https://fonts.googlea...
来自于 2024-04-05 10:41:36
0
1
3578
在块换行符后显示一个元素 我目前有这个：我想将图标div放在文本末尾，但因为它是一个“块”，所以我无法使其工作。想要的输出：代码片段：*{font-family:Arial,'sans-serif'}.te...
来自于 2024-04-04 21:45:21
0
1
271
在导航栏中居中显示下拉菜单 我制作了这个CSS/HTML。.navbar{width:100%;background-color:rgb(151,44,44);overflow:auto;}.navbara{...
来自于 2024-04-04 18:24:52
0
1
338
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！