Question

当我尝试将谷歌中的新字体导入项目时，根据我导入的位置生成不同的字体。有人可以解释

Answer 1

您在CSS中导入错误。使用以下内容：

@import url(https://fonts.googleapis.com/css?family=Lobster);

Answer 2

在您的第二个示例（CSS）中，您已将HTML <link>元素放在CSS部分中，这是不允许的（<link>可能会让您获得CSS，但它本身就是一个HTML元素），以及为什么它不适合你。

您的HTML示例有效，但即使在那里，<link>元素位置不正确，您也可以在该示例中的<body>中使用它。

<link>元素的正确位置位于<head>部分内，但不在<style>部分内的<head>元素内像这样：

 <html>
   <head>
       <link rel="stylesheet" href=". . . ">

       <style>

            h1 {font-family:lobster;}

       </style>


   </head>
   <body>

   </body>
<html>

Answer 3

CSS代表层叠样式表，这意味着你只能在这里为你的html内容添加样式。

但你也可以通过css加载该字体

@font-face {
   font-family: lobster;
   src: url(http://fonts.gstatic.com/s/lobster/v16/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2);
}

并在您的css id或类中，只要您想要此字体，只需键入font-family: "lobster"，它就会像在html中包含此链接一样工作

将字体导入css或html？

3 个答案: