AMP 유효성 검사 오류 중에서 CSS 스타일 시트 관련 오류를 해결해 보겠습니다.
The attribute 'href' in tag 'link rel=stylesheet for fonts' is set to the
invalid value 'style.css'.
'link rel=stylesheet for fonts' 태그 'href'
속성이 잘못된 값 'style.css'(으)로 설정되었습니다.
글꼴 및 폰트 사용을 위한 외부 스타일 시트(예 : Google Fonts, FontAwesome 등.)는 허용되지만 그 이외의 모든 외부 스타일 시트 사용은 금지됩니다.
AMP가 빠른 속도를 유지하는 방법은 외부 스타일 시트 사용을 제한하는 것입니다.
즉, 모든 CSS는 AMP 페이지의 <head> 태그 안에 인라인으로
작성 되어야 합니다. 스타일 시트를 열고 모든 CSS를 AMP HTML 문서에 복사하여
붙여 넣습니다.
이 CSS를 다음과 같이 <style amp-custom> 태그로 감싸야 합니다. AMP 문서에는 <style> 태그가 하나만 있을 수 있으며 amp-custom 속성을 포함해야 합니다.
<style amp-custom>
html, body, ul {
margin:0;
padding:0;
}
... ...
</style>
The author style sheet specified in tag 'style amp-custom' is too long. The
limit is 75000 bytes.
태그 'style amp-custom'에 지정된 작성
스타일시트가 너무 깁니다. 한도는 75000바이트입니다.
인라인 CSS는 페이지 당 75KB로 제한되며, 이는 단일 페이지의 스타일을 지정하기에 충분하다고 간주됩니다. 즉, 인라인 CSS 크기를 75KB (75000바이트) 이하로 줄여야 합니다.