Fatal编程技术网
  • html/
  • 将字体导入css或html？

将字体导入css或html？

html css fonts

将字体导入css或html？,html,css,fonts,Html,Css,Fonts,当我尝试从google导入新字体到项目中时，它会根据我导入的位置生成不同的字体。有人能解释一下吗 在CSS中导入错误。使用以下命令： @import url(https://fonts.googleapis.com/css?family=Lobster); 在第二个示例（CSS）中，您将HTML元素放在CSS部分中，这是不允许的（可能会得到CSS，但它本身就是一个HTML元素），因此这对您不起作用 您的HTML示例可以工作，但即使在那里，元素也不在正确的位置，您在该示例的中有它 元素的正确位

当我尝试从google导入新字体到项目中时，它会根据我导入的位置生成不同的字体。有人能解释一下吗

在CSS中导入错误。使用以下命令：

@import url(https://fonts.googleapis.com/css?family=Lobster);
在第二个示例（CSS）中，您将HTML
元素放在CSS部分中，这是不允许的（
可能会得到CSS，但它本身就是一个HTML元素），因此这对您不起作用

您的HTML示例可以工作，但即使在那里，
元素也不在正确的位置，您在该示例的
中有它

元素的正确位置在
节内，但不在
节内的
元素内，如下所示：

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

       <style>

            h1 {font-family:lobster;}

       </style>


   </head>
   <body>

   </body>
<html>


h1{font系列：龙虾；}
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中包含此链接，就像OP链接到的样式表中已经包含@import一样，在这种情况下，所需的只是链接。哪个链接和哪一行？我没有看到。我相信link元素链接到的文件（谷歌的字体API）已经包含了字体工作所需的所有内容，所以用link元素链接到文件就可以了。