Question

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <title>Shop App</title>
  <style amp-custom>

  </style>

  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>  
<script async src="https://cdn.ampproject.org/v0.js"></script>
</head>

我是amp的新手，我想在我的网站上使用awsome字体，但是当我添加链接时向我显示错误，任何人都可以建议我如何在amp中添加font-awsome链接。

这是我添加字体可怕链接但无法正常工作并给出验证错误的方式任何帮助都会很棒

Answer 1

为将来提供参考，请添加您收到的错误消息的特定类型，这样您将获得更快，更有效的答案。要使用amp，我在amp样式标签之前链接了很棒的字体。像这样：

<link rel="stylesheet" href="css/font-awesome.min.css">
<style amp-custom>...</style>
<script type="application/ld+json">...</script>
<style amp-boilerplate>body...</style>

您还想仔细检查一下您如何引用很棒的字体。这是我如何做的一个例子：

<a href="https://www.linkedin.com/in/user" target="_blank"><i class="fa fa-linkedin"></i></a>

希望有帮助！

Answer 2

将此标签添加到“ head”标签中，并在AMP页中使用它的类。（在AMP页中有效）

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

有关更多详细信息，您可以通过AMPproject.org看到：https://www.ampproject.org/docs/design/responsive/custom_fonts

Answer 3

以下来源被列入白名单并允许通过链接标签提供字体：

https://use.fontawesome.com

使用@font-face

或者，您可以在 Google AMP 样式表中使用 @font-face：

int buff

将font-awsome链接到amp页面

3 个答案: