直接忽略预设字体的方法主要有两种:使用CSS覆盖样式表,或在代码中直接指定文本字体!
方法一:使用CSS覆盖预设样式
你能够通过CSS样式表来覆盖浏览器或程序默认的字体设置。这通常是推荐的方法,因为它便于管理和修改。你只需要在你的样式表中添加一个更具优先级的规则即可!
例如: 假设网站预设字体是Times New Roman,你想将其改变为Arial。你可以添加以下CSS代码:
CSS p { font-family: Arial, sans-serif; }
这段代码会将所有 <p>
标签内的文字都更改成Arial字体。如果你的操作系统或者系统软件也用了Times New Roman,电脑最终会应用系统本身Arial字体或兼容备选字体。需要注意的是,这里arial
为首选,后面有sans的通用字族备选,这种层层覆盖备选机制会保证有兼容性,保证内容正常显示,避免由于缺乏可选项出现布局错乱。如果想覆盖所有项目字体(比如你需要网站有整体排版的和谐)则可以选择使用以下更复杂的实现方案:
css /选择器可以影响全部HTML内容,注意优先考虑选择符的精细度。*/
-
{
font-family : Arial, San−serif!inherit;/ 使用 Arial,无衬线字体,浏览器根据继承关系的规范层级从整体去寻找并解析该继承规则/
}
如果需要更精准地控制,针对特定元素使用: : class
等属性设置,这种针对个别模块单独指定的方式更易编辑,利于调试维护与模块单独管理。例如对以下id=“special-text”单独设值成微软雅黑字体的代码
CSS
special-text {
font-family: "Microsoft YaHei","微软雅黑",serif/ 用 ; 分割;首字体若缺选,优先读取后续备选的替代中 / }
记住,样式表的优先级是从最后添加的样式开始生效!
示例:一个html文档body中包括一个文章paragraph段落p 与 一个特定模块(section.message)为例:
该样式最终影响如下: