Html 在课堂上更改字体系列_Html_Css_Class_Font Family

Html 在课堂上更改字体系列

html css class

Html 在课堂上更改字体系列,html,css,class,font-family,Html,Css,Class,Font Family,这是一个非常简单的问题，我想不出答案。我完全是个初学者。由于某些原因，我无法更改字体系列。我可以实际键入不同的内容，但它根本不会改变字体。这就是我的代码的样子： <!DOCUTYPE html> <html> <head> <title>Fruit</title> <meta http-equiv="Content-Type" content="text/html";

这是一个非常简单的问题，我想不出答案。我完全是个初学者。由于某些原因，我无法更改字体系列。我可以实际键入不同的内容，但它根本不会改变字体。这就是我的代码的样子：

<!DOCUTYPE html>

<html>

<head>
    <title>Fruit</title>
    <meta http-equiv="Content-Type" content="text/html"; charset="utf-8"/>
<style>
.left {
    width:800px;
    margin:auto;
    text-align:center;
    box-sizing:border-box;
    background-color:#FFEBCD;
    border:2px solid black;
    font-family: 'Alegreya SC';font-size: 22px;
}
</style>
</head>

<body>
    <div class="left">
    <h1><strong>Fruit</strong></h1>
</body>
</html>


果
.左{
宽度：800px；
保证金：自动；
文本对齐：居中；
框大小：边框框；
背景色：#FFEBCD；
边框：2件纯黑；
字体系列：“Alegreya SC”；字体大小：22px；
}
水果

您需要在项目中包含所需的字体（在您的案例中为谷歌字体）。你可以用多种方法来做。一个是在HTML中添加链接

你也可以快速看一下这个

其他途径：

使用

@import-url（'https://fonts.googleapis.com/css2?family=Alegreya+SC'）或


下载字体并将其包含在项目中，然后导入它

使用@import（pathToFont）



。左{
宽度：800px；
保证金：自动；
文本对齐：居中；
框大小：边框框；
背景色：#FFEBCD；
边框：2件纯黑；
字体系列：“Alegreya SC”，衬线；
字体大小：22px；
}

AAAA
这是否回答了您的问题？或者你需要包含字体以便使用。你错过了吗