http://andour.me/2017/04/08/Typora-修改中文字体.html
可以参考一下，这里面是改的微软雅黑，步骤很清楚
你要改思源黑体的话，首先要记得自己的电脑有这个字体，具体看你的系统（可以搜索字体设置查看）
打开字体设置之后，查找到你要用的那个字体文件的名字，然后按照上面教程的步骤 把 微软雅黑 改成那个名字就好了。
至于居中问题
text-align: center
加上这一句就好了，记得在写了从h1一直到h6的里面写（当然你在每个h里面写也可以，更保险）
如图：
设计网页时，一般设置body的字体，让其他标签继承body的字体，这样设置特别方便，但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的，它们的字体需要单独设置。<html><head><style type="text/css">body{font-family : 微软雅黑,宋体font-size : 1emcolor : #f00}</style></head><body ><h1>设置字体的类型、大小、颜色</h1><p> CSS设置字体的类型、大小、颜色</p></body></html>设置字体的类型 1字体的类型通过下面这段代码设置：font-family : 微软雅黑,宋体, 'New York'font-family翻译为中文是“字体家族”，就是告诉浏览器，优先使用哪一种字体，谁排在最前面，就先使用这种字体，这里是“微软雅黑”；2多种字体使用逗号间隔，字体名中带有空格或#、$的，需要加单引号或双引号。3如果操作系统中“微软雅黑”，XP系统中就没有这种字体，那么就会使用“宋体”，如果没有“宋体”，就会再使用系统中默认的字体，不过操作系统中一般都是有“宋体”的，而且，如果没有给网页设置字体类型，网页就会按照操作系统中默认的字体来显示。END设置字体的大小 1字体大小通过下面这段代码设置：font-size : 1emfont-size 翻译为中文是“字体尺寸”，它的单位一般是px(像素)或em(字体高度)。2中国的许多网站的默认字体是12px，而且很多人使用的是IE浏览器，像IE6，用户是不能改变网页字体大小的，而现在主流的浏览器，只需要按住Ctrl后，滚动滑轮就可以放大缩小网页了。3单位em是一种相对的字体高度，一般的浏览器都默认为16px，需要注意的是，em会继承父元素的字体大小。比如设置body字体大小为1em，p的字体大小为0.8em，那么换算为像素，p标签的实际单位是 1 * 0.8 * 16px = 12.8px。不过，为了简化em和px的换算，一般设置body的font-size为62.5%，然后使用em设置其他标签的字体大小，这样，em换算为px只需要乘以10就行了，比如1em = 1 * 62.5% * 16px = 10 px4很多人都推荐使用em作为网页字体单位，有2点好处，不过我的实践告诉我，似乎并不太重要。(1)当对IE6设置了字体更大或更小后，所有字体都可以按照比例放大缩小。不过，使用IE6的人越来越少了，现在主流的浏览器，按住Ctrl，滑动滑轮，就可以放大缩小了。(2) 通过修改body的大小，就能按比例修改所有字体大小，因为body是其他字体的基准。这个一般是先设置body大小，然后设置其他标签大小，此时，若是修改了body的大小，其他标签的大小就会跟着变了。END设置字体颜色设置字体的颜色通过下面的代码：color : #f00color是颜色的意思，color用来设置一个标签的前景色，表现出来也就是元素文本的颜色。它的值，一般都是使用#加16进制的颜色值来表示。1、先给想要改字体样式的div加一个class或者id
2、用选择器找到中国div（.class或者#id）
2、在<style>标签里给这个div写css样式，
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>DIV+CSS怎么样改字体样式</title>
<style>
.one{
font-family:"微软雅黑" //把 font-family: "设置字体名称" 里的字体名称改成你需要
font-size:12px //字体大小
color:red //字体颜色
font-weight:normal//加粗 normal默认值 bold粗体 数值100-900
}
</style>
</head>
<body>
<div class="one">DIV+CSS怎么样改字体样式</div>
</body>
</html>
扩展资料
<br>换行
<b>b标签设置加粗</b>
<i>i标签设置斜体</i>
<u>u设置下划线</u>
<h1>最重要的标题H1</h1>
<h2>次要栏目或标题-小标题H2</h2>
<h3>再次要栏目或分类小标题H3</h3>
<h4>文中分类小标题H4</h4>
<pre>定义预格式化文本，空格和换行会保留，常常应用于表示计算机的源代码。</pre>
