欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS里字体样式怎么设置

程序员文章站 2022-03-16 09:55:38
...
在网页中我们常常对网页中文字设置字体,用font-family这个属性就可以对字体样式进行设置了。那么我们今天就来教大家从html的字体到css字体的设置方法。

原始的html字体设置

Html的文字字体设置代码:

<font face="黑体">我是黑体字</font>

CSS字体设置

CSS 字体属性单词

font-family

CSS字体 css font-family使用方法:

font-family:"设置字体名称";

exp:

CSS运用实例代码:

.div{ font-family:"黑体";}

对应html代码:

<div class="div">我也是黑体字体</div>

说明:以上的css font-family 字体案例,包括了原始的html的字体设置和css 字体设置。

字体选择技巧

CSS 字体常见我们使用“黑体”、“宋体”此2种中文字体,这是为什么呢,因为网页载入选择字体时候是调用访问者系统文字库的文字字体,如果没有找到字体那将显示默认的网页字体。而每个人安装的操作系统(XP\VISTA\WIN7等系统)默认包括此几种中文字体。这样我们要使用每个人操作系统自带都有的字体作为网页字体,所以不能设置我们单独安装的文字字体。如果我们设置自己单独安装的字体,在自己电脑上会实现设置字体样式,而到其它用户浏览此网页时候此网页内文字字体会大变样。

font-family字体选择

我们在VIP课程中有介绍选择CSS属性及值的技巧。

我们推荐常用字体有:

宋体、黑体、微软雅黑、Arial, Helvetica, sans-serif此4种字体。

font-family总结

使用css font-family对对象文字进行字体设置,注意使用常用字体,不要将自己安装的字体设置为网页的字体,这样一来别人浏览你网页的时候没有这样字体造成,文字不美观。通常推荐字体:黑体、宋体、微软雅黑、Arial, Helvetica, sans-serif。

对于字体设置的方法和注意事项就这么多了,希望大家能熟练掌握,更多精彩请关注其它相关文章!

相关阅读:

css里的padding属性怎么使用

html的编辑转换器

怎样知道浏览器支不支持html

以上就是CSS里字体样式怎么设置的详细内容,更多请关注其它相关文章!