Przyspieszone stron mobilnych odwołuje się do pliku css

Question

Próbuję odwołuje się do pliku css:

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

chrom Otwarcie w #development=1 tryb przetestować moją stronę do wzmacniacza. Otrzymuję ten błąd:

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

Answer 1

Zewnętrzne arkusze stylów są niedozwolone. Użyj wbudowanej stylizacji, aby uniknąć dodatkowego żądania dla css.

Więcej informacji można znaleźć na stronie: https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#stylesheets

Autorzy mogą dodawać własne style do dokumentu za pomocą jednego <style amp-custom> tag w nagłówku dokumentu.

Answer 2

Dowolne stylizowanie strony i jej elementów odbywa się przy użyciu typowych właściwości CSS. Elementy stylu, przy użyciu klasy lub element selektorów w arkuszu stylów inline W, zwane <style amp-custom>

tutaj jest przykładowy kod:

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

Answer 3

używam stron php więc wykonać następujące czynności, aby dodać swój własny stronę css, tak mogę oddzielić go i także na wszystkich stronach tak zmieniając tylko raz itp

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