一、基本语法

font-family

二、演示

<!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>/* 标签选择器 */h5 {font-family: "微软雅黑";}p {font-family: "楷体";}</style>
</head>
<body><h5>小诗</h5><p>生命的树上</p> <p>雕了一枝花</p><p>谢落在我的怀里 ，</p><p>轻轻的压在心上。</p><p>她接触了心中的音乐</p><p>化成小诗一朵。</p>
</body>
</html>

效果：

三、注意点

各种字体之间使用英文逗号隔开
一般情况下，在字体上打上引号，单引或者双引都行
尽可能使用系统自带字体
在实际开发中，使用body { font-family: "字体1",“字体2”}比较多，直接在body中使用

写多个字体并不是说同时显示，而是兼容性更好，第一个字体不行（比如系统没有安装这种字体），就可以用下一个字体，以此类推，按顺序来优先。

字体有哪些？

win系统自带的中文字体有：宋体、黑体、楷体(GB2312)、仿宋(GB2312)，一般电脑都装有office，使得系统有更多的字体。

建议多放些字体，使得代码有更好的兼容性。

零基础学习WEB前端开发(十六)：font-family字体系列相关推荐

女孩子零基础学习web前端开发怎么…
· 网页开发工具: 学习web前端开发,网页开发工具有FrontPage,会用 Word 的人很容易学会FrontPage.还有一个常用的是Dreamweaver.这两种都是使用最多的HTML网页制 ...
关于零基础学习web前端开发，有些过来经验分享
大家好,今天给大家分享一下我从事WEB前行业一些自己的学习经验分享也希望通过这篇文章,可以帮助到更多正在学习但是又不知道从哪里学习学习的前端的小伙伴,还有一些想要去转行的,但是不知道不知道如何去学习 ...
零基础学习web前端开发应该先学习什么
这是两年以来,修真院收集整理的学习资料顺序. 以CSS15个任务,JS15个任务为基础,分别依据要完成任务的不同的技能点,我们整理出来了这么一篇在学习的时候需要看到的资料. 推荐一个web前端学习 Q ...
零基础学习WEB前端开发(七)：注释及特殊字符
一.注释的使用注释,就是添加一些"废话",为了便于理解和阅读,但是并不在正式内容中显示或执行语法: <!--这是一段注释.注 ...
零基础转行Web前端开发自学靠谱吗？菜鸟学习前端的方法分享
Web 前端开发行业长期处于供不应求的状态,薪资待遇也随之水涨船高,因此吸引了不少零基础转业者.那么,可能会有人问了:零基础转行Web 前端开发自学靠谱吗?这个问题没有确切的答案,毕竟每个人的情况都不 ...
8年web前端开发老程序员告诉你如何零基础学习web前端
随着web前端的飞速发展,学习web前端的人员也是越来越多,在移动互联网时代,相信我们每个人的手机上都装有数十个APP,这些APP的开发其实也和当下热门的 Web 前端开发息息相关. 事实上,如今 ...
8年web前端开程序媛，告诉你如何零基础学习web前端
随着web前端的飞速发展,学习web前端的人员也是越来越多,在移动互联网时代,相信我们每个人的手机上都装有数十个APP,这些APP的开发其实也和当下热门的 Web 前端开发息息相关. 事实上,如今 ...
零基础转行web前端，如何高效的去学习web前端?
web前端开发要学的知识内容涉及的会很宽泛,虽然说主要是html.css和JavaScript这些基础知识点,但学前端开发除了要学这些基础知识外,学员还要在这之上进行延伸和深入的去学,而且互联网时代不 ...
零基础学web前端难吗？新手该怎么学？
自从互联网崛起以来,前端开发也一直是热门IT行业之一,想要做网页就需要用到web前端开发技术,所以很多人想学习web前端然后找工作.不过有很多人想问,零基础学习Web前端培训课程难吗?新手该怎么学? ...

零基础学习WEB前端开发(十六)：font-family字体系列

一、基本语法

二、演示

三、注意点

字体有哪些？

零基础学习WEB前端开发(十六)：font-family字体系列相关推荐

最新文章

热门文章