为整个项目设置默认字体系列

Question

我正在使用html, css, core php, javascript, vuejs, mysql.我想设置monospacedefault前端字体系列。我没有使用任何php框架，有办法吗?

Answer 1

只需在body中设置默认字体-所有内容都将使用此默认CSS字体设置。之后如果你创建DIV，你可以改变这个字体。

例子style.css

body {
font-family: monospace, Times, serif;
}

Answer 2

正如前面的答案所述，您可以使用CSS，将CSS文件包含在样板文件中，所有html文件都使用该样板文件，这是最佳实践。

file.css:

body {
font-family: monospace, Times, serif;
}

然后在html文件里面头部标记

<link rel="stylesheet" href=":pathToCssFile">

其中:pathToCssFile(大多数情况下)是css文件的相对路径，例如:./css/file.css但如果你想通过点击一个按钮来完成，你可以这样做:(在一个js文件，你附加到你的html)

const btn = document.querySelector(".btnClass");
btn.addEventListener("click", e =>{
document.body.style.fontFamily = "monospace, Times, serif"
});

或者在js中，一旦页面加载，将其添加到html中(我建议您使用css方法)

<script>
document.body.style.fontFamily = "monospace, Times, serif"
</script>