Ускоренные мобильные страницы ссылаются на CSS файл

Question

Я пытаюсь сделать ссылку на CSS файл:

<link href="/semanticui/semantic.css" rel="stylesheet" /> 

хром Открытие в #development=1 режиме, чтобы проверить мою страницу для усилителя. Я получаю эту ошибку:

The attribute 'href' in tag 'link rel=stylesheet for fonts' is set to the invalid value '/semanticui/semantic.css'. 

Answer 1

Внешние таблицы стилей не допускаются. Используйте встроенный стиль, чтобы избежать дополнительного запроса для css.

Более подробную информацию можно найти по адресу: https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#stylesheets

Авторы могут добавлять пользовательские стили к документу, используя один <style amp-custom> тег в заголовке документа.

Answer 2

Любой стиль страницы и ее элементов выполняется с использованием общих свойств CSS. Элементы стиля с использованием класса или элементов селекторы в инлайн стилей в, так называемые <style amp-custom>

здесь приведен пример кода:

<style amp-custom> 
    /* any custom style goes here */ 
    body { 
    background-color: white; 
    } 
    amp-img { 
    background-color: gray; 
    border: 1px solid black; 
    } 
</style> 

Answer 3

Я использую PHP-страниц, так что я сделать следующее, чтобы добавить свою пользовательскую страницу CSS, так я могу отделить его, а также включать в себя на всех страницах, так меняется только один раз и т.д.

<style amp-custom> 
    <?php readfile(getcwd() . "/css/main.min.css"); ?> 
</style>