связать шрифт удивительный на страницах усилителя - PullRequest
Новая
       34

связать шрифт удивительный на страницах усилителя

0 голосов
/ 11 октября 2018 
<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>

Я новичок в усилителе. Я хочу использовать шрифт awsome на моем сайте, но когда я добавляю ссылку, появляется сообщение об ошибке, может кто-нибудь подсказать мне, как добавить шрифт-awsome ссылку в amp.

это - то, как я добавляю шрифт удивительную ссылку, но она не работает и дает ошибку проверки, любая помощь была бы замечательна

Ответы [ 2 ]

0 голосов
/ 12 октября 2018

Добавьте этот тег в тег «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

0 голосов
/ 11 октября 2018

Для дальнейшего использования, пожалуйста, добавьте конкретный тип сообщения об ошибке, которое вы получаете, чтобы вы получили более быстрый и эффективный ответ.Для работы с усилителем я связал шрифт перед тегами стиля усилителя.Как это: 

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

Вы также хотели бы дважды проверить, как вы ссылаетесь на шрифт awesome.Вот пример того, как я это делаю: 

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

Надеюсь, это поможет!

...