html网页默认字体

博客介绍了不同平台网页及操作系统的默认字体。pc端网页默认字体为宋体,iphone网页为黑体 - 简,android网页接近微软雅黑。还列举了Mac OS和Windows系统的多种字体,如Mac OS的华文细黑等,Windows的新细明体等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

pc端 网页默认的字体为 “宋体”

iphone 网页默认的字体为“Heiti SC” 黑体-简,黑体-简的英文名称为Heiti SC

android 网页默认的字体为 “Droid Sans ,Droid Sans Fallback ”(跟微软雅黑很接近)

Arial 是最常用的标准英文字体

Microsoft YaHei 微软雅黑的英文

黑体:SimHei 宋体:SimSun

Mac OS的一些:

华文细黑:STHeiti Light [STXihei] 华文黑体:STHeiti 华文楷体:STKaiti 华文宋体:STSong 华文仿宋:STFangsong 俪黑 Pro:LiHei Pro Medium 俪宋 Pro:LiSong Pro Light 标楷体:BiauKai 苹果俪中黑:Apple LiGothic Medium 苹果俪细宋:Apple LiSung Light

Windows的一些:

新细明体:PMingLiU 细明体:MingLiU 标楷体:DFKai-SB 黑体:SimHei 宋体:SimSun 新宋体:NSimSun 仿宋:FangSong 楷体:KaiTi 仿宋_GB2312:FangSong_GB2312 楷体_GB2312:KaiTi_GB2312 微软正黑体:Microsoft JhengHei 微软雅黑体:Microsoft YaHei

更多字体

转载于:https://my.oschina.net/u/2393989/blog/3026366

### 设置网页默认字体网页开发中,通过CSS可以轻松设置网页默认字体。以下是实现这一功能的具体方式: #### 使用 `font-family` 属性 可以通过全局选择器 `*` 或者直接作用于 `<body>` 来定义整个文档的默认字体[^1]。例如: ```css body { font-family: Arial, sans-serif; } ``` 上述代码表示将网页中的所有文本都设置为Arial字体;如果没有安装该字体,则会回退到通用字体族`sans-serif`。 #### 动态调整字体方案 为了增强兼容性和用户体验,还可以引入多个备选字体以及自定义字体变量[^3]。下面是一个更复杂的例子: ```css :root { --default-font: 'Times New Roman', Times, serif; } body { font-size: 16px; /* 默认字号 */ font-family: var(--default-font); } ``` 这里利用了`:root`伪类创建了一个名为`--default-font`的CSS变量,并将其应用于`<body>`标签下的所有子元素作为标准字型样式。 #### 结合实际工具辅助调试 对于开发者而言,像Firefox浏览器里的Firebug这样的扩展程序可以帮助直观地观察当前网站正在使用的具体字体属性及其继承关系。这不仅有助于学习他人优秀的设计理念,也能快速定位并修正自己的项目中存在的问题。 另外值得注意的是,在不同设备上呈现效果可能会有所差异,因此建议始终提供一系列替代选项以确保最佳视觉体验[^2]。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Default Font Example</title> <style> :root { --main-font: Georgia, 'Times New Roman', Times, serif; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: var(--main-font); } p{ color:#333 ; } </style> </head> <body> <p>This is a paragraph with default styling applied via CSS.</p> </body> </html> ``` 以上实例展示了如何综合运用多种技术手段来有效控制和优化网页上的文字表现形式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值