快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

​css怎么自定义字体的方法-创新互联

小编给大家分享一下css怎么自定义字体的方法,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的遂宁网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

一、首先呢,我们介绍的是如何用css样式来自定义字体,一起来看看吧:

在这里我们介绍一个css样式中的属性:

font-family:定义文本的字体系列。也叫字体家族,通用的有五种:serif,sans-serif,monospace,cursive,fantasy.

当然还可以找特定的字体。我们在自己的电脑上找自己电脑上有的字体,然后把名字复制进来也能设置,当然如果用户端没有安装这字体,那这字体就没用了。显示的是用户端的默认的字体了。(想看更多就来创新互联建站 css视频教程)

我们来看个文本字体的实例:




这是创新互联建站,里面有很多你要的视频教程,网址是www.php.cn,这里是创新互联建站;

这是创新互联建站,里面有很多你要的视频教程,网址是www.php.cn,这里是创新互联建站

这是创新互联建站,里面有很多你要的视频教程,网址是www.php.cn,这里是创新互联建站;

这是创新互联建站,里面有很多你要的视频教程,网址是www.php.cn,这里是创新互联建站

这是创新互联建站,里面有很多你要的视频教程,网址是www.php.cn,这里是创新互联建站

这是创新互联建站,里面有很多你要的视频教程,网址是www.php.cn,这里是创新互联建站;

这里给上述的五个段落都给了不一样的字体样式,我们现在来看看浏览器中显示的结果:

​css怎么自定义字体的方法

如图,最后一个没有任何的设置,就是设置了前面五个字体,看上去是不是很明显,这是font-family中的五种常用字体,基本上所有的电脑都有这些字体,不需要大家担心在别人的电脑中显示不出来。我们自定义的字体说完了。

二、现在说说我们的文本字体样式,比如改变大小啊,字体加粗的介绍。让我们一起来看下吧:

  • font-weight:用来设置文本粗细,有三种:normal,bold粗体,参数100~900,定义文本大小的

  • font-size:属性用来设置文本的大小的。有px,em,%.默认1em等于16像素点。

这又是css样式中两种字体的介绍了,现在我们让它们在一个实例中出现

来看看关于字体样式设置的实例吧:




这是创新互联建站,里面有很多你要的视频教程,网址是www.php.cn,这里是创新互联建站;

这是创新互联建站,里面有很多你要的视频教程,网址是www.php.cn,这里是创新互联建站;

这是创新互联建站,里面有很多你要的视频教程,网址是www.php.cn,这里是创新互联建站;

看完了这篇文章,相信你对css怎么自定义字体的方法有了一定的了解,想了解更多相关知识,欢迎关注创新互联网站制作公司行业资讯频道,感谢各位的阅读!


当前标题:​css怎么自定义字体的方法-创新互联
分享路径:http://6mz.cn/article/cshigd.html

其他资讯