Home > Web Front-end > HTML Tutorial > CSS Web安全字体组合

CSS Web安全字体组合

WBOY
Release: 2016-06-06 09:32:43
Original
1733 people have browsed it

常用的字体组合

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

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

p{font-family:"Times New Roman", Times, serif}
Copy after login

在线运行

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

 

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

原文地址:http://www.manongjc.com/cssref/css_websafe_fonts.html

相关阅读:

完美解决Iframe高度自适应(兼容性好并且支持跨域)

iframe 如何设置高度自适应 - iframe 自适应高度的方法

php wordwrap() 函数对长字符串或链接进行强制折行换行处理

php substr_replace() 将字符串的一部分替换为另一个字符串

php substr_compare从指定的开始位置比较两个字符串

php substr() 从字符串指定位置开始截取指定长度的子字符串

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template