iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >如何在css中设置黑体字
  • 676
分享到

如何在css中设置黑体字

2023-06-15 07:06:10 676人浏览 八月长安
摘要

本篇文章给大家分享的是有关如何在CSS中设置黑体字,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。在CSS中,可以通过font-family:"黑体";或者f

本篇文章给大家分享的是有关如何在CSS中设置黑体字,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

在CSS中,可以通过font-family:"黑体";或者font-family: SimHei;来设置字体样式为黑体样式。

示例:

<!DOCTYPE html><html><head><meta charset="UTF-8"><style>.s {font-family: SimHei;}.ss {font-family: 黑体;}</style></head><body><p class="s">测试黑体</p><p>普通字体</p><p class="ss">测试黑体</p></body></html>

效果图:

如何在css中设置黑体字

拓展:

font-family:规定元素的字体系列。

font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。

注:

有时设置font-family:"黑体";不容易识别,原因是:中文字体容易引起乱码乱码

实例:

正常代码:

font-family:"黑体"

引起的乱码:

font-family:"榛戜綋"

上例为乱码使得字体名称变成乱码,导致指定字体失效。这个问题的后果似乎不是很严重,但实际情况中,确实存在一种乱码把后面的引号“变异”的情况,使得后面的CSS都在字体的引号中,从而后面的CSS全部失效。

防范措施:采用字体的别名(所以浏览器都可识别)

示例:

正常代码:

font-family:"SimHei" (font-family:"\9ed1\4f53" )

浏览器解析:

font-family:"SimHei"(font-family:"黑体",IE6仍为font-family:"\9ed1\4f53" 但字体解析显示为黑体)

以上就是如何在css中设置黑体字,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注编程网精选频道。

--结束END--

本文标题: 如何在css中设置黑体字

本文链接: https://www.lsjlt.com/news/278719.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 如何在css中设置黑体字
    本篇文章给大家分享的是有关如何在css中设置黑体字,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。在CSS中,可以通过font-family:"黑体";或者f...
    99+
    2023-06-15
  • 如何在css中设置字体
    本篇文章给大家分享的是有关如何在css中设置字体,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。一、font标签配置字体<font face="字体样式...
    99+
    2023-06-15
  • 如何在css中设置字体大小
    这期内容当中小编将会给大家带来有关如何在css中设置字体大小,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。css字体大小设置的方法:css可以使用font-size属性设置字体大小,实际上它设置的是字体中...
    99+
    2023-06-14
  • 如何在css中设置字体间隔
    如何在css中设置字体间隔?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。letter-spacing 属性增加或减少字符间的空白(字符间距)属性值:normal  ...
    99+
    2023-06-15
  • 如何在css中设置body字体颜色
    这期内容当中小编将会给大家带来有关如何在css中设置body字体颜色,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。首先我们先给大家看个html字体的基础代码:<!DOCTYPE html&...
    99+
    2023-06-15
  • 如何在css中设置字体颜色渐变
    如何在css中设置字体颜色渐变?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。css实现文字颜色渐变的三种方法在web前端开发过程中,UI设计师经常会设计一些带渐变文字的设计...
    99+
    2023-06-15
  • 怎么在css中设置字体
    今天就跟大家聊聊有关怎么在css中设置字体,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。css字体设置的方法:1、字体大小设置字体大小设置,常见的有四种不同的方法:body{font...
    99+
    2023-06-14
  • css中如何设置字体颜色
    css中设置字体颜色的方法:在css中可以通过color属性设置字体颜色,语法样式:“color: 颜色样式代码”,只需要给对应的文本设置color属性即可,比如:“p{color: blue}”,给所有p标签的文本设置成蓝色字体。一、首先...
    99+
    2024-04-02
  • 如何在frontpage2000中运用css设置网页字体
    这篇文章主要讲解了“如何在frontpage2000中运用css设置网页字体”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何在frontpage2000中运用css设置网页字体”吧!   ...
    99+
    2023-06-08
  • 如何在Uniapp中设置字体
    在移动端开发中,字体的设置是非常重要的一个方面。如果字体设置得当,可以提高App的阅读体验,增强用户的舒适感。而本文主要介绍如何在Uniapp中设置字体。一、基本概念在 Uniapp 开发中,我们经常需要对文本内容样式进行调整,包括字体、颜...
    99+
    2023-05-14
  • css怎么设置字体为“微软雅黑”
    CSS是前端开发中经常使用的一种技术,可以通过CSS来设置网页的样式,其中包括网页的字体。本文将介绍如何在CSS中设置字体为微软雅黑。字体在网页中是非常重要的,它不仅能够影响网页的排版,还能够增加网页的美感。前端开发人员需要根据网页的主题和...
    99+
    2023-05-14
  • css中如何设置字体下划线
    这篇“css中如何设置字体下划线”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“css中如何设置字体下划线”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们一起...
    99+
    2023-06-06
  • html中css如何设置字体大小
    这篇文章主要介绍了html中css如何设置字体大小,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。css的基本语法是什么css的基本语法是:1、css规则由选择器和一条或多条声...
    99+
    2023-06-14
  • css如何设置字体粗体效果
    这篇文章主要介绍css如何设置字体粗体效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!css设置字体粗体效果的方法是,给字体添加font-weight属性,并将属性值设置为bold或bolder,例如【font-w...
    99+
    2023-06-15
  • 如何使用css设置字体
    这篇文章主要介绍如何使用css设置字体,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!用css设置字体的方法:首先将样式全部建到一个CSS文档中,并通过调用CSS文件来加载样式;然后在HTML头部调用CSS文件样式;最...
    99+
    2023-06-14
  • CSS如何设置字体样式
    这篇文章主要介绍“CSS如何设置字体样式”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS如何设置字体样式”文章能帮助大家解决问题。一、font标签设置字体&nb...
    99+
    2024-04-02
  • css如何设置字体颜色
    在css中设置字体颜色的方法:1.创建p标签;2.使用color属性设置字体颜色;在css中设置字体颜色的方法1.首先,在页面中创建两个p标签,并添加文字用于对比;<!DOCTYPE html><html>...
    99+
    2024-04-02
  • CSS字体样式如何设置
    CSS可以用来设置字体样式的属性有以下几个:1. font-family:用于设置字体的类型,可以是具体的字体名称或者通用的字体系列...
    99+
    2023-10-12
    CSS
  • css如何设置字体倾斜
    在css中设置字体倾斜的方法:1.创建p标签;2.使用font-style属性设置字体倾斜;在css中设置字体倾斜的方法首先,在页面中创建两个p标签,并添加文字用于对比;<!DOCTYPE html><html&...
    99+
    2024-04-02
  • css如何设置草书字体
    小编给大家分享一下css如何设置草书字体,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!css设置草书字体的方法:可以利用font-family属性来进行设置,如【...
    99+
    2023-06-08
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作