当前位置：首页 » 编程语言 » html5设置字体

html5设置字体

发布时间: 2021-03-25 11:28:23

㈠ html5不用font怎么设置字体颜色

html5不用font为字体设置颜色的方法：

1、定义要设置的文字范围，并用span标签包围

2、编写span的class，定义color属性。

html代码如下：

这是一个测试 颜色 的例子

css编写如下：

.redText

{

color: red;

}

运行效果：

㈡ html怎么设置字体颜色

HTML主要是用来写页面布局的，过程中经常需要设置页面某些字体的颜色，通常有三种常见方式可以进行自定义设置：

1、通过外部CSS样式来设置。可以在head标签中增加style样式，在body中的其他标签，如h1，p，div等开始标签中，增加class="上述style中定义的名称，如blue"即可。代码实现如下：

(2)html5设置字体扩展阅读

HTML网页上定义字体大小有常见三种单位，分别是：px、em、pt。

1、px是pixel缩写，是基于像素的单位.在浏览网页过程中，屏幕上的文字、图片等会随屏幕的分辨率变化而变化，一个100px宽度大小的图片，在800×600分辨率下，要占屏幕宽度的1/8，但在1024×768下，则只占约1/10。所以如果在定义字体大小时，使用px作为单位，那一旦用户改变显示器分辨率从800到1024，用户实际看到的文字就要变“小”（自然长度单位），甚至会看不清，影响浏览。

2、em即％，是相对单位，是一个相对长度单位，最初是指字母M的宽度，故名em。现指的是字符宽度的倍数，用法类似百分比，如：0.8em, 1.2em,2em等。通常1em=16px。，一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小。

3、pt是point(磅)缩写，是一种固定长度的度量单位,大小为1/72英寸。如果在web上使用pt做单位的文字，字体的大小在不同屏幕（同样分辨率）下一样，这样可能会对排版有影响，但在Word中使用pt相当方便。因为使用Word主要目的都不是为了屏幕浏览，而是输出打印。当打印到实体时，pt作为一个自然长度单位就方便实用了：比如Word中普通的文档都用“宋体 9pt”，标题用“黑体 16pt”等等，无论电脑怎么设置，打印出来永远就是这么大。

参考资料

网络：HTML

㈢ HTML设置字体格式的代码

HTML标签：
粗体格抄式
斜体格式
小字体格式

这一段的字体大小的值是2。
这一段的字体是arial。

文字下标格式
文字上标格式

CSS格式：
#span1 {font-weight:bold; /*粗体*/ font-size:16px;/*字体大小*/ font-family:arial;/*字体为arial*/ color:#ff0000;/*颜色红色*/ background-color:#fffff/*背景色白色*/ }

㈣ HTML中h1中怎么设置字体为宋体

HTML中h1标签设置字体使用“font－family”，将h1的字体样式设置为“font－family：‘宋体’”，即可，这时h1标签回内容显示的字体就答是宋体了。

具体代码如下：

<style>

h1｛

font－family：宋体；

font－weight：normal；

｝

</style>

（注：h1标签的字体不设置新的字体时，默认的字体就是宋体，所以若需要设置h1字体为宋体时，是不需要修改的，其原本默认就是宋体。）

(4)html5设置字体扩展阅读：

H1标签其他字体样式

1、font 简写属性。作用是把所有针对字体的属性设置在一个声明中。

2、font－size：设置字体的尺寸。

3、font－size－adjust：当首选字体不可用时，对替换字体进行智能缩放。（CSS2．1 已删除该属性。）

4、font－stretch：对字体进行水平拉伸。（CSS2．1 已删除该属性。）

5、font－style：设置字体风格。font－variant 以小型大写字体或者正常字体显示文本。

6、font－weight：设置字体的粗细。

㈤ HTML里怎么设置字体大小

在css之前html中文字设置字体，通常直接对文字使用font标签设置字体大小样式。

1、html文字大小font语法专结构

<fontsize="2">我字体属大小为2

解释：直接使用font标签内设置size设置字体大小，需要注意不能带单位，一般2相当于12px，3相当于14px大小以此类推。

2、html font字体大小案例html源代码

<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>在线演示DIVCSS5</title></head><body><fontsize="2">在线演示测试<fontsize="4">文字，欢迎访问DIVCSS5学习网站！</body></html>

3、案例截图

㈥ html常用的字体样式

font-family:'Microsoft YaHei'。

1、网页字体样式华文黑体：STHeiti

2、网页字体样式华文楷体：STKaiti

3、网页字体样式华文宋体：STSong

4、网页字体样式华文仿宋：STFangsong

5、网页字体样式黑体：SimHei

6、网页字体样式宋体：SimSun

7、网页字体样式新宋体：NSimSun

8、网页字体样式仿宋：FangSong

9、网页字体样式楷体：KaiTi

10、网页字体样式仿宋_GB2312：FangSong_GB2312

11、网页字体样式楷体_GB2312：KaiTi_GB2312

12、网页字体样式微软正黑体：Microsoft JhengHei

13、网页字体样式微软雅黑体：Microsoft YaHei

14、网页字体样式隶书：LiSu

15、网页字体样式幼圆：YouYuan

16、网页字体样式华文细黑：STXihei

17、网页字体样式华文楷体：STKaiti

18、网页字体样式华文宋体：STSong

19、网页字体样式华文中宋：STZhongsong

20、网页字体样式华文仿宋：STFangsong

21、网页字体样式方正舒体：FZShuTi

22、网页字体样式方正姚体：FZYaoti

23、网页字体样式华文彩云：STCaiyun

24、网页字体样式华文琥珀：STHupo

25、网页字体样式华文隶书：STLiti

26、网页字体样式华文行楷：STXingkai

27、网页字体样式华文新魏：STXinwei

(6)html5设置字体扩展阅读

html内容描述

<h1></h1> 最大的标题（一号标题）

<pre></pre> 预先格式化文本（英文全称：PREformatted）

下划线（英文全称：Underline）

黑体字（英文全称：Bold）

斜体字（英文全称：Italics）

<tt></tt>打字机风格的字体

<cite></cite>引用，通常是斜体

强调文本（通常是斜体加黑体、英文全称：EMphasize）

加重文本（通常是斜体加黑体）

设置字体大小从1到7，颜色使用名字或RGB（中文全称：红绿蓝）的十六进制值

<BASEFONT></BASEFONT>基准字体标记

<big></big> 字体加大

字体缩小

<DELECT></DELECT> 加删除线

<CODE></CODE>程式码

<KBD></KBD>键盘字（英文全称：KeyBoarD）

<SAMP></SAMP> 范例（英文全称：SAMPle）

<VAR></VAR> 变量（英文全称：VARiable）

<BLOCKQUOTE></BLOCKQUOTE> 向右缩排（向右缩进、块引用）

<DFN></DFN> 述语定义（英文全称：DeFiNe）

<ADDRESS></ADDRESS>地址标记

上标字（英文全称：SUPerscript）

下标字（英文全称：SUBscript）

<xmp>...</xmp>；固定宽度字体（在文件中空白、换行、定位功能有效）

<plaintext>...</plaintext>；固定宽度字体（不执行标记符号）

<listing>...</listing> 固定宽度小字体

...；字体颜色

...；字体大小等于1（最小）。

...；字体样式等于无限增大（100像素）

㈦ html中如何在中设置字体样式（粗体斜体等）

<!DOCTYPEhtml>
<htmllang="zh">
<head>
<metacharset="UTF-8">
<title>字体加粗</title>
<styletype="text/css">
*{
margin:0;
padding:0;
}

p{
text-align:center;
margin:16px0;
}

em{
/*去掉字体样式*/
font-style:normal;
}

p.strong:nth-child(1){
font-weight:normal;
}

p.strong:nth-child(2){
font-weight:bold;
}

p.strong:nth-child(3){
font-weight:bolder;
}

p.strong:nth-child(4){
font-weight:lighter;
}

p.strong:nth-child(5){
/*等同于bold*/
font-weight:700;
}
p>em:only-child{
font-style:italic;
}
</style>
</head>
<body>
<hr>
<p>用&lt;b&gt;加粗字体：<b>加粗</b></p>
<hr>
<p>用&lt;strong&gt;加粗字体：<strong>加粗</strong></p>
<hr>
<pclass="strong">用CSSfont-weight加粗<em>normal(400)</em>,&nbsp;<em>bold(700)</em>
,&nbsp<em>bolder</em>,&nbsp<em>lighter</em></p>
<hr>
<p>用&lt;i&gt;斜体字体：<i>斜体</i></p>
<hr>
<p>用font-style:italic;斜体字体：<em>斜体</em></p>
<hr>
<p>用&lt;i&gt;斜体字体：<em>斜体</em></p>
</body>
</html>

可以自行试一下！！！

效果图

㈧ HTML里怎么设置字体颜色

1、新建html文件和css文件

①在桌面新建一个文件夹，然后新建两个text文件；

②分别将text文件重命名为index.html和css.css。

㈨怎么修改html5的显示文字大小

设置html5中字体的大小,首先需要理解是css中的font属性，通过font-size来改变字体的大小，设置的方式，一般都是通过给这个元素的一个id或者是class来设置，具体看下面代码：
<html>
<head>
<style>
#round{
width:400px;
height:200px;
}

#round p{
color:#f00; //设置字体颜色为红色；
}

</style>
</head>
<body>
<div id="round">
测试文字
</div>
</body>
</html>

阅读全文

html5设置字体

(2)html5设置字体扩展阅读

参考资料

与html5设置字体相关的阅读推荐