CSS里怎么更改字体样式？需要更改字体和居中显示

Posted 2023-05-04

本人css零基础，一直在用typora编辑器写文字，最近了解到可以通过更改内置css文件更换软件的文本显示样式，所以跟着资料研究了一下，找到了内置的css文件，但不知道如何更改，希望大神可以指点一二！这是软件中一个主题原本的文本样式，我想把文本样式做以下改动：1，让所有的文字都从“宋体”改为“思源黑体”2，让所有级别标题都居中显示这是css文件开始的几行，我自己瞎摸索，找到了 font-family 这一行，把后面几个单词全部改成了思源黑体，结果只有标点符号有所改动在这里求教一下各位大神，谢谢！！！！！html font-size: 16px;html,body -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background: #363B40;fill: currentColor;#write max-width: 914px;padding-top: 20px;html,body,button,input,select,textarea,div.code-tooltip-content color: #b8bfc6;div.code-tooltip,.md-hover-tip .md-arrow:after background: #4B535A;.popover.bottom > .arrow:after border-bottom-color: #4B535A;html,body,button,input,select,textarea font-style: normal;line-height: 1.625rem;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;hr height: 2px;border: 0;margin: 50px 0 !important;h1,h2,h3,h4,h5,h6 font-family: "Lucida Grande", "Corbal", Georgia, serif;font-weight: normal;clear: both;-ms-word-wrap: break-word;word-wrap: break-word;margin: 0;padding: 0;

http://andour.me/2017/04/08/Typora-修改中文字体.html

可以参考一下，这里面是改的微软雅黑，步骤很清楚

你要改思源黑体的话，首先要记得自己的电脑有这个字体，具体看你的系统（可以搜索字体设置查看）

打开字体设置之后，查找到你要用的那个字体文件的名字，然后按照上面教程的步骤 把 微软雅黑 改成那个名字就好了。

至于居中问题

text-align: center;

加上这一句就好了，记得在写了从h1一直到h6的里面写（当然你在每个h里面写也可以，更保险）

如图：

参考技术A line-height:15px;(控制行间距)
font-weight: bold;(控制字体加粗)
font-size: 14px;(控制字体大小)
color:#000000;(控制字体颜色)
font-family:宋体;(注明是什么字体)

基本上就这几个参数，
有不懂的可以追问 参考技术B 你的方向是对的，只不过typora设置里貌似不认中文，你把“思源黑体”几个字改成“Source Han Sans”试试。
我是改成微软雅黑的，如下：
h1,
h2,
h3,
h4,
h5,
h6
font-family: "Microsoft YaHei", "Corbal", Georgia, serif;
font-weight: normal;
clear: both;
-ms-word-wrap: break-word;
word-wrap: break-word;
margin: 0;
padding: 0;
参考技术C h1,
h2,
h3,
h4,
h5,
h6
font-family: SimHei;
text-align: center;


这个是黑体， 如果非要思源雅黑，要去下载，然后再调用。追问

我把

font-family: "Lucida Grande", "Corbal", Georgia, serif;
改为
font-family: SimHei;
后没有效果，还是显示宋体

原句是这样，应该怎么改才可以？
font-family: "Lucida Grande", "Corbal", Georgia, serif;

参考技术D 其实不是不支持英文的原因，思源黑体在东亚分多个版本，我们用的这一版叫做「思源黑体 CN」，单单改成「思源黑体」是没有用的。
把除 font-face 以外的 font-family 下添加这个名字，就可以了

css里怎么将字体加渐变颜色？

可以使用 background-image 属性并指定 linear-gradient 函数。

比如想为文本添加从红色到蓝色的渐变色：

.text

background-image: linear-gradient(to right, red, blue);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

另外，还可以使用其他函数，例如 radial-gradient，以创建径向渐变。

希望这可以帮到你。

参考技术A 可以使用CSS3中的text-shadow属性，如下所示：
```
h1
text-shadow: 0 0 5px #FF0000, 0 0 10px #FF00FF, 0 0 15px #0000FF;

```
上面的代码将为h1标签添加三个不同颜色的文字阴影，以实现渐变颜色的效果。