当前位置: 首页 > news >正文

CSS设置元素字体、降级使用字体、引入外部字体

设置元素字体

通过font-family属性,可以设置元素里面的字体样式。
font-family 可以把设置多个字体名称。
在这里插入图片描述

降级使用字体

几乎所有浏览器都有支持几种通用字体。比如: monospace,serif和sans-serif,当字体不可用,浏览器可以 “降级” 去使用其他字体。
即:如果浏览器不支持第一个字体,则会尝试下一个。
如果你想当Helvetica不可用时,降级使用sans-serif字体,那么可以这样写:
在这里插入图片描述
提示: 通用字体名字不区分大小写。也不需要使用引号,因为它们是 CSS 关键字。

引入外部字体

除了大多数系统提供的默认字体以外,我们也可以使用自定义字体。
我们可以通过在 CSS 里面设置字体的 URL 来引用。
例如,我们需要引入Lobster字体,首先需要将下代码段放到style标签之前。
在这里插入图片描述
然后就可以设置font-family属性为Lobster,来使用Lobster字体。
在这里插入图片描述
GENERIC_NAME是可选的,如果浏览器不支持第一个字体,则会尝试下一个。
注意: 字体名区分大小写,并且如果字体名含有空格,需要用引号括起来。

相关文章:

  • 网站如何选择服务器/营销网站建设教学
  • 深圳市宝安区地图全图高清版/seo运营推广
  • 网站设计做哪些准备/晋城seo
  • 做任务赚钱的网站有哪些/乔拓云智能建站官网
  • 太原网站建设方案/关键词的作用
  • 微信公众号功能模块/西安seo网站关键词优化
  • Himall商城ExpressDaDaHelper 商家投诉达达
  • DataGear 4.4.0 发布,数据可视化分析平台
  • 剑指 Offer 36. 二叉搜索树与双向链表
  • 软件测试复习06:基于经验的测试
  • uml图 各连接线的含义
  • 教程: nodejs 做微信公众号开发,回复 xml 消息
  • 【web安全】——HTTP请求头注入
  • javaweb11 JavaBean、MVC架构、Filter过滤器、监听器、设置欢迎页面
  • JAVA开发(Netty框架与NIO)
  • 动态内存管理【C语言】
  • C++11 std::function 基础用法
  • 一个阶段小结