html页面中的字体详解

 时间:2024-10-29 09:26:52

1、我们可以用火狐的Firebug插件,查看其它网页的css样式中的字体设置。

html页面中的字体详解

2、我们可以看到,它设置的字体有好多种。中文的,英文的都有,这其中是有规律可循的。

html页面中的字体详解

3、虽然大多数网页的字体都是“微软雅黑”,但是设计人员的电脑上有微软雅黑,并不表示浏览网页的人员的电脑上也有微软雅黑的。

html页面中的字体详解

4、所以,我们在设置网页时有就应该考虑到电脑上没有安装微软雅黑字体的用户。

html页面中的字体详解

5、我们需要秉承的字体设定原则也就诞生了。首先,我们应该将字体设置为我们想让其呈现的字体,然后是和其接近的字体。例如微软雅黑的接近字体是黑体,

html页面中的字体详解

6、如果用户的电脑上面也没有黑体,我们就需要设置黑体所属的字体类别为其字体,即sans-serif

html页面中的字体详解

7、还有一点就是,如果我们的文字中有英文,单纯设置微软雅黑会让所有的字母变成微软雅黑的字体,这就需要我们先为其设置相应的英文字体,英文字体只有英文适用,中文字体却是汉字、字母、数字都有的。

html页面中的字体详解

8、这就是为什么一般网页上的字体都是有好多种的了。以后 设置font-family时,不要单纯的只设置一种了哦。

  • 如何使用python语言中的类实现方法的重写
  • Python教程 数组的逆输出
  • 如何在word文档中输入数学公式
  • jquery 延迟执行方法
  • 局域网共享文档管理 共享文档加密保护方法
  • 热门搜索
    文明伴我行手抄报 元旦节手抄报 消防安全手抄报内容字 节约粮食手抄报简单又漂亮 关于文明礼仪的手抄报 清明节手抄报内容文字 关于数学的手抄报 科普知识手抄报 关于诗歌的手抄报 预防传染病手抄报内容