本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。
css设置字体的方法:1、使用font标签进行设置,语法格式为“<font face="字体样式"></font>”;2、使用font-family属性进行设置,语法格式为“标签{font-family:“字体样式”}”

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
一、font标签配置字体
1 | <font face= "字体样式" ></font>
|
例子:
1 2 3 4 5 6 7 8 9 10 11 12 13 | <!DOCTYPE html>
<html lang= "en" >
<head>
<meta charset= "UTF-8" >
<meta http-equiv= "X-UA-Compatible" content= "IE=edge" >
<meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
<title>Document</title>
</head>
<body>
<div>未设置字体的“你若盛开,蝴蝶自来”</div>
<font face= "华文中宋" >设置字体的“你若盛开,蝴蝶自来”</font>
</body>
</html>
|
font标签设置face字体属性其值即可设置差别字体
二、css设置字体
css字体设置单词为font-family
例子:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html>
<html lang= "en" >
<head>
<meta charset= "UTF-8" >
<meta http-equiv= "X-UA-Compatible" content= "IE=edge" >
<meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
<title>Document</title>
<style>
p{
font-family: 'Courier New' , Courier, monospace;
}
</style>
</head>
<body>
<p>设置字体的“你若盛开,蝴蝶自来”</p>
<div>未设置字体的“百无禁忌”</div>
</body>
</html>
|
效果:

推荐学习:css视频教程
以上就是css如何设置字体的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
css怎么去掉border的底部
css的rem是什么
css内边框如何设置
css 的位置怎么设置
css超出宽度怎么显示省略号
css+html实现模拟百度首页(附代码)
js怎么替换css样式
css怎么写
css上边距怎么设置
css选择符是什么意思
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css如何设置字体