怎么换字体?

本篇文章给大家介绍一下HTML和word文档中跟换字体的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

HTML中换字体的方法

html布局中统一设置文字字体样式后,布局局部时候需要更换重新设置一种字体如何实现呢?

解决方法:

布局时先通常会统一设置整个网页字体,避免不同浏览器显示不同默认字体,而设置字体css属性单词为font-family,当然在整个网页布局中有时局部需要使用不同字体,这个时候依然使用font-family重新对此设置新字体即可。

1、布局是统一设置文字字体代码:

body{font-family:”黑体”}

即可统一设置网页字体为黑体字。

2、更改字体

需要局部设置不同字体时候,需要对对应选择器加一个font-family字体样式即可:

.boxs{font-family:”微软雅黑”}
<div class=”boxs”>为字体为微软雅黑</div>

3、一个完整代表性改变更改字体实例代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>改变字体 www.thinkcss.com</title>
<style>
body{ font-family:"宋体"}
.box{ font-family:"黑体"}
</style>
</head>
<body>
<p>默认设置是宋体</p>
<p class="box">
默认是宋体,改变为黑体
</p>
<p>默认设置是宋体</p>
</body>
</html>

运行结果:

1 (2).jpg

word文档中更换字体

打开word文档,在word文档上方菜单栏中,点击“开始”菜单,如下图。

1.png

选中将要更改字体的文本内容,如下图。

2.png

选中文本内容后,选择并更改为合适的字体,如下图。

3.jpg

更多web前端相关知识,请查阅 HTML中文网 !!

以上就是怎么换字体?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏