当前位置：码云笔记 > 前端 > CSS Web安全字体组合有哪些
码云码云 前端

CSS Web安全字体组合有哪些

AI 概述
常用的字体组合Serif 字体This is a headingThis is a headingThis is a headingsans – serif 字体This is a headingThis is a headingThis is a headingThis is a headingThis is a headingThis is a headingThis is a headingThis is a headingMonospace 字体This is a headingThis is a headi...
目录
文章目录隐藏
  1. 常用的字体组合
  2. Serif 字体
  3. This is a heading
  4. This is a heading
  5. This is a heading
  6. sans – serif 字体
  7. This is a heading
  8. This is a heading
  9. This is a heading
  10. This is a heading
  11. This is a heading
  12. This is a heading
  13. This is a heading
  14. This is a heading
  15. Monospace 字体
  16. This is a heading
  17. This is a heading

常用的字体组合

font-family属性是多种字体的名称，作为一个”应变”制度，以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持的第一个字体，它尝试下一个的字体。

你想要的字体类型如果浏览器找不到，它会从通用的字体类型中找到与你相似的:

<style>
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style>
</head>

<body>
<h1>CSS font-family</h1>
<p class="serif">这一段的字体是 Times New Roman </p>
<p class="sansserif">这一段的字体是 Arial.</p>
</body>

效果如下：

CSS Web 安全字体组合

下面是一些常用的字体组合，通用的字体系列。

Serif 字体

字体 文本示例
Georgia, serif

This is a heading

This is a paragraph
“Palatino Linotype”, “Book Antiqua”, Palatino, serif

This is a heading

This is a paragraph
“Times New Roman”, Times, serif

This is a heading

This is a paragraph

sans – serif 字体

字体 文本示例
Arial, Helvetica, sans-serif

This is a heading

This is a paragraph
Arial Black, Gadget, sans-serif

This is a heading

This is a paragraph
“Comic Sans MS”, cursive, sans-serif

This is a heading

This is a paragraph
Impact, Charcoal, sans-serif

This is a heading

This is a paragraph
“Lucida Sans Unicode”, “Lucida Grande”, sans-serif

This is a heading

This is a paragraph
Tahoma, Geneva, sans-serif

This is a heading

This is a paragraph
“Trebuchet MS”, Helvetica, sans-serif

This is a heading

This is a paragraph
Verdana, Geneva, sans-serif

This is a heading

This is a paragraph

Monospace 字体

字体 文本示例
“Courier New”, Courier, monospace

This is a heading

This is a paragraph
“Lucida Console”, Monaco, monospace

This is a heading

This is a paragraph

以上就是今天码云笔记为大家分享的 CSS Web 安全字体组合，希望对大家有用。

以上关于CSS Web安全字体组合有哪些的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。

「点点赞赏，手留余香」

赞 0 赏

给作者打赏，鼓励TA抓紧创作！

微信微信 支付宝支付宝

还没有人赞赏，快来当第一个赞赏的人吧！

声明：本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 admin@mybj123.com 进行投诉反馈，一经查实，立即处理！
重要：如软件存在付费、会员、充值等，均属软件开发者或所属公司行为，与本站无关，网友需自行判断
码云笔记 » CSS Web安全字体组合有哪些

码云 SVIP

分享到：

相关推荐

发表回复