DIV+CSS教程:[4]CSS如何设置文字字体

CSS也可以像Word编辑那样,可以对文字的字体进行设置。那么CSS是如何对HTML页面中文字进行字体设置的呢?

操作方法

  • 01

    在html语言中,文字的字体设置是通过<font face="字体名称">来设置,如设置为黑体,则<font face="黑体">,前面已经说过这样操作,增加网页代码的体积而且不利于后期维护,所以通过CSS来控制。

  • 02

    CSS是通过font-family属性进行控制。如控制文字的字体为黑体,则font-family:黑体;font-family可以声明多种字体,每种字体之间用逗号隔开。

  • 03

    同时声明多种字体,那么那个字体才生效,或者全部生效?如font-family:黑体,宋体,Arial;浏览器先在浏览者本机上查找黑体,如果没有,再找宋体,如果没有再继续找,如果所有都没有,那么则使用浏览器默认字体显示,如果设计者喜欢一些特别字体来给网页添加某种效果,建议做成小图片,再加载到网页中。

  • 04

    通常有些字体有几个英文单词的,每个单词间空格隔开,这些字体需要双引号将其引起来。如以下代码中的Trebuchet MS,font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

  • 05

    在上面代码的最后可以看有这一类字体,sans-serif,其实这个代码是告诉浏览器,如果客户端没有指定字体时可以使用本机上的默认字体。

  • 06

    下面是一些简单字体设置代码,及其运行后效果。

(0)

相关推荐

  • Word中快速设置文字字体大小的技巧

    学习Word各种快捷操作可以提升自己在工作时处理任务的速度。在Word中各项快捷键是必须掌握的,特别是那些频繁使用的一些快捷操作,比如本篇将要为大家讲到的 Word中如何快速设置文字字体的大小。在平常 ...

  • wps表格如何设置文字字体样式

    wps表格是一款功能非常强大的办公软件,该软件在表格制作和数据统计方面是非常优秀的,利用该软件我们输入文字时需要获得不同的效果就需要设置文字的字体样式,下面我们就来看看如何设置文字字体样式的. 操作方 ...

  • 手机版美图秀秀中如何设置文字字体和颜色

    有时候我们喜欢将照片添加上一些文字,那么手机版美图秀秀中如何设置这些文字的字体和颜色呢?不会的小伙伴一起来看看吧~ 操作方法 01 打开美图秀秀,点击"美化图片",选择所需修改的素 ...

  • 如何在sai软件中输入文字并设置文字颜色与字体

    如何在sai软件中输入文字并设置文字颜色与字体?下面,我们一起来操作一下. 操作方法 01 在界面右上方工具栏这里,点击T键,这是文字工具的按钮. 02 如图所示,点击这个色块,这是设置前景色颜色的色 ...

  • 如何调整改变手机QQ文字字体大小?

    现在智能设备越来越普及,大家花在手机等设备上面的时间越来越多,许多软件为了便于阅读,都提供了调整文字大小的功能,可以根据需要将其增大或减小.接下来介绍该软件中,如何设置文字字体大小,将其调大或调小. ...

  • css如何根据屏幕宽度设置div高度

    css如何根据屏幕宽度设置div高度 操作方法 01 首先创建或者打开我们的web项目,新建一个html文件和css文件即可,如图所示 02 html页面代码如图所示,定义一个div,然后给一个id属 ...

  • css 怎么设置网页字体大小?

    做网页开发的时候,我们需要设置网页字体的大小,把普通和重要的信息进行区分,让一些重要信息更加的显眼,但是css代码要怎么写呢?跟着小编来吧! 操作方法 01 1.我们先看看怎么设置整个网页的字体的大小 ...

  • CSS教程:创建性感的CSS样式表

    操作方法 01 作为一个css方面的专家,所做的不只是记住选择符(selectors)那么简单,提升样式表的效用和可维护性,以及设计蓝图和管理工作流程都是工作的一部分.在本篇文章中,jina bolt ...

  • 文字锁屏软件怎么自己设置文字教程

    怎么对文字锁屏软件设置不同文字教程如下 操作方法 01 打开软件,进入设置界面,选择点击添加插件 02 进入插件设置界面,选择文字 03 选择自己文字的字体,可选自己喜欢的字体 04 完成设置文字后, ...