谷歌字体

如果您不想使用 HTML 中的任何标准字体,则可以使用 Google Fonts API 向页面添加数百种其他字体。

只需添加一个样式表链接并引用您选择的字体系列:

实例

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<style>
body {font-family: "Sofia";font-size: 22px;
}
</style>
</head>
<body><h1>Sofia Font</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p></body>
</html>

css零到一基础教程042:CSS 谷歌字体相关推荐

  1. css零到一基础教程044:CSS 图标

    如何添加图标 向 HTML 页面添加图标的最简单方法是使用图标库,比如 Font Awesome. 将指定的图标类的名称添加到任何行内 HTML 元素(如 <i> 或 <span&g ...

  2. css零到一基础教程007:CSS RGB 颜色

    RGB 值 在 CSS 中,可以使用下面的公式将颜色指定为 RGB 值: rgb(red, green, blue) 每个参数 (red.green 以及 blue) 定义了 0 到 255 之间的颜 ...

  3. css零到一基础教程009:CSS HSL 颜色

    HSL 值 在 CSS 中,可以使用色相.饱和度和明度(HSL)来指定颜色,格式如下: hsla(hue, saturation, lightness) 色相(hue)是色轮上从 0 到 360 的度 ...

  4. css零到一基础教程006:CSS 颜色

    指定颜色是通过使用预定义的颜色名称,或 RGB.HEX.HSL.RGBA.HSLA 值. CSS 颜色名 在 CSS 中,可以使用颜色名称来指定颜色: 实例: <!DOCTYPE html> ...

  5. css零到一基础教程005:CSS 注释

    CSS 注释 注释用于解释代码,以后在您编辑源代码时可能会有所帮助. 浏览器会忽略注释. 位于 <style> 元素内的 CSS 注释,以 /* 开始,以 */ 结束: 实例 <!D ...

  6. css零到一基础教程018:CSS 边框颜色

    CSS 边框颜色 border-color 属性用于设置四个边框的颜色. 可以通过以下方式设置颜色: name - 指定颜色名,比如 "red" HEX - 指定十六进制值,比如 ...

  7. css改变伪元素color_jQuery教程 改变css伪元素样式详解

    本篇教程介绍了jQuery教程 改变css伪元素样式详解,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < 首先我们看一下css伪元素是什么: CSS 伪元素用于向某 ...

  8. css零到一高级教程007:CSS 阴影效果

    CSS 阴影效果 通过使用 CSS,您可以在文本和元素上添加阴影. 在我们的教程中,您将学习如下属性: text-shadow box-shadow CSS 文字阴影 CSS text-shadow  ...

  9. html与css基础教程:CSS构造块

    1.CSS3提供的新功能,圆角.阴影效果.文字阴影.自定义字体.旋转文本.半透明背景颜色.多图像背景.渐变等. 2.样式表包含了定义网页外观的规则.一条规则的两部分选择器和声明块. 3.CSS中的注释 ...

最新文章

  1. 【亲测有效】如何安装屏幕录制工具ScreenPresso
  2. linux 设置系统时间
  3. 一文看懂Python(七)-----断言
  4. lombok 的bug?lombok 导致 springmvc 使用 @RequestBody注解 接收 json数据 对象参数绑定失败
  5. JavaScript程序开发(十四)—函数声明与函数表达式
  6. python遗传算法有多慢_遗传算法框架GAFT优化小记
  7. python opencv旋转图片_opencv3+python3进行图片旋转处理
  8. sklearn GridSearchCV网格搜索案例与代码
  9. python流处理框架_Python操作分布式流处理系统Kafka
  10. Excel中 使用链接 批量导入图片
  11. js、jQuery实现自定义弹出框效果
  12. 排序算法-冒泡排序(入门级别)
  13. 快速排序算法_算法设计技巧之分治算法(Java实现快速排序、归并排序)
  14. 数模比赛经验分享(美赛分享)
  15. JAVA项目-学生成绩管理系统
  16. 冒险岛左右移动攻击,定时加血加蓝加BUFF JAVA实现
  17. 一款简洁的税后工资计算器(2019)
  18. Flask 中 AssertionError: View function mapping is overwriting an existing endpoint function: decorate
  19. proxy 配置报错 Error occured while trying to proxy to:
  20. 猫和老鼠玩象棋,玩了M+N局,猫赢了M局 老鼠赢了N局 NM,而且在整个过程中,猫的得分从来没有超过过老鼠,问共有多少种可能的比赛得分过程

热门文章

  1. 安卓手机作为文件共享服务器,如何设置电脑使安卓手机能访问局域网共享的文件...
  2. 中国航班杂志中国航班杂志社中国航班编辑部2022年第18期目录
  3. 省电软件测试自学,噱头还是实用?手机省电APP效果横向测试
  4. CustomerList
  5. QT_地图导航 源码下载
  6. 一台计算机英语美式发音,美式音标在线学习(Flash动画+真人发音口型)
  7. python类的使用的生物学应用_Python 类的使用
  8. 《The One!团队》第八次作业:ALPHA冲刺(五)
  9. MapperScannerConfigurer和MapperFactoryBean区别
  10. 沃邮箱 android,联通沃邮箱手机客户端