- HTML 教程
- HTML 教程
- HTML - 简介
- HTML - 编辑器
- HTML - 基本标签
- HTML - 元素
- HTML - 属性
- HTML - 标题
- HTML - 段落
- HTML - 字体
- HTML - 块和内联元素
- HTML - 样式表
- HTML - 文本格式化
- HTML - 引用
- HTML - 注释
- HTML - 颜色
- HTML - 图像
- HTML - 图像映射
- HTML - iframe
- HTML - 短语标签
- HTML - 类
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表格标题
- HTML - 表格样式
- HTML - 表格 Colgroup
- HTML - 嵌套表格
- HTML 列表
- HTML - 列表
- HTML - 无序列表
- HTML - 有序列表
- HTML - 定义列表
- HTML 链接
- HTML - 文本链接
- HTML - 图片链接
- HTML - 电子邮件链接
- HTML 颜色名称和值
- HTML - 颜色名称
- HTML - RGB 和 RGBA 颜色
- HTML - 十六进制颜色
- HTML - HSL 和 HSLA 颜色
- HTML 表单
- HTML - 表单
- HTML - 表单属性
- HTML - 表单控件
- HTML - 输入属性
- HTML 媒体
- HTML - 视频元素
- HTML - 音频元素
- HTML - 嵌入多媒体
- HTML 标头
- HTML - 头部
- HTML - 网站图标
- HTML - JavaScript
- HTML 布局
- HTML - 布局
- HTML - 布局元素
- HTML - CSS布局
- HTML - 响应式网页设计
- HTML - 特殊符号
- HTML - 表情符号
- HTML - 样式指南
- HTML 图形
- HTML - SVG
- HTML - 画布
- HTML API 接口
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSockets
- HTML - Web 存储
- HTML - 服务器发送事件
- HTML 杂项
- HTML - 数学标记语言
- HTML - 微观数据
- HTML - 索引数据库
- HTML - Web 消息传递
- HTML - CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音频播放器
- HTML - 视频播放器
- HTML - Web 幻灯片台
- HTML 工具
- HTML - 二维码
- HTML - Modernizr
- HTML - 验证器
- HTML 备忘单
- HTML - 标签参考
- HTML - 属性参考
- HTML - 事件参考
- HTML - 字体参考
- HTML - ASCII 代码参考
- HTML - 实体
- MIME 媒体类型
- HTML - URL 编码
- HTML - ISO 语言代码
- HTML - 字符编码
- HTML - 已弃用的标签和属性
HTML - 字体参考
字体特定于平台。在运行不同操作系统(如 Windows、Linux 或 Mac iOS)的不同机器上,您将拥有不同的网页外观。在这里,我们给出了各种操作系统中可用的字体列表。
HTML <font> 标签在 4.0 版本中已弃用,现在所有字体都使用 CSS 设置。这是设置网页正文字体的简单语法。
语法
在 HTML 中:
<body style = "font-family:new century schoolbook;">
在 CSS 中:
body { font-family: "new century schoolbook"; }
HTML font 标签
HTML <font> 标签在最新版本的 HTML 中已弃用。在旧版本中,字体标签可用于为网站上的文本添加样式、大小和颜色。您可以使用 <basefont> 标签将所有文本设置为相同的大小、字体和颜色。
HTML 字体标签具有三个属性,分别称为大小、颜色、字体,用于自定义字体。
探索我们最新的在线课程,按照自己的节奏学习新技能。注册并成为认证专家,以提升您的职业生涯。
Web 安全字体
CSS3 采用了字体组合技术。如果浏览器不支持第一种字体,则尝试使用下一种字体。这是CSS Web安全字体的列表。
HTML 字体示例
让我们看一下 HTML 文档中字体使用的基本示例
<!DOCTYPE html>
<html>
<head>
<title>Font Setting Using CSS</title>
</head>
<body>
<p>
Change any of the style and try it.
</p>
<div style="font-family:verdana;">
This is demo for font family
</div>
<br />
<div style="font-size:120%;">
This is demo for font size
</div>
<br />
<div style="font-size:14pt;">
This is demo for font size
</div>
</body>
</html>
当我们运行上述代码时,将弹出输出窗口,显示网页上显示不同字体的文本。
Microsoft 系统的字体
以下是下面列出的 Microsoft 系统的字体:
字体 | 字体 | 字体 |
---|---|---|
Andale Mono | Arial | Arial Bold |
Arial Italic | Arial Bold Italic | Arial Black |
Comic Sans MS | Comic Sans MS Bold | Courier New |
Courier New Bold | Courier New Italic | Courier New Bold Italic |
Georgia | Georgia Bold | Georgia Italic |
Georgia Bold Italic | Impact | Lucida Console |
Lucida Sans Unicode | Marlett | Minion Web |
Symbol | Times New Roman | Times New Roman Bold |
Times New Roman Italic | Times New Roman Bold Italic | Tahoma |
Trebuchet MS | Trebuchet MS Bold | Trebuchet MS Italic |
Trebuchet MS Bold Italic | Verdana | Verdana Bold |
Verdana Italic | Verdana Bold Italic | Webdings |
您可以在此处查看示例字体 Microsoft 字体示例。
Macintosh 系统的字体
以下是 Macintosh System 7 及更高版本支持的字体列表。
字体 | 字体 | 字体 |
---|---|---|
American Typewriter | Andale Mono | Apple Chancery |
Arial | Arial Black | Brush Script |
Baskerville | Big Caslon | Comic Sans MS |
Copperplate | Courier New | Gill Sans |
Futura | Herculanum | Impact |
Lucida Grande | Marker Felt | Optima |
Trebuchet MS | Verdana | Webdings |
Palatino | Symbol | Times |
Osaka | Papyrus | Times New Roman |
Textile | Zapf Dingbats | Zapfino |
Techno | Hoefler Text | Skia |
Hoefler Text Ornaments | Capitals | Charcoal |
Gadget | Sand |
您可以在此处查看示例字体 Mac 字体示例。
Unix 系统的字体
以下是大多数 Unix 系统变体支持的字体列表
字体 | 字体 | 字体 |
---|---|---|
Charter | Clean | Courier |
Fixed | Helvetica | Lucida |
Lucida bright | Lucida Typewriter | New Century Schoolbook |
Symbol | Terminal | Times |
Utopia |
您可以在此处查看示例字体 Unix 字体示例。