私はstyle.cssファイルを作成し、それをhtml docの最後に挿入します。ウェブフォントで「折り畳まれた部分のコンテンツでレンダリングをブロックするJavaScriptとCSSを排除する」
<html>
<head>
</head>
<body>
<link rel="stylesheet" href="style.css" type = "text/css" />
</body>
</html>
私はウェブサイトをgoogleでテストします。
エラーはありません。
しかし、このコードをstyle.cssの先頭に挿入すると、エラーが発生します。
コード:グーグルで
@font-face {
font-family: IRANSans;
font-style: normal;
font-weight: bold;
src: url('../fonts/eot/IRANSansWeb_Bold.eot');
src: url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}
エラー:
排除レンダリングをブロック以上の倍の量私は自分のコードをチェックし
にJavaScriptとCSSを。それは.woff
と.ttf
形式のためです。
これはどのような方法ですか?
私はこれに私のコードを変更する必要がありますbefor読み:
url("data:application/x-font-woff;charset=utf-8;base64,../fonts/woff/IRANSansWeb_Bold.woff") format('woff'),
は、それは本当ですか?その変化と一緒に。私は何もエラーを出すことはありませんが、私は変更がターゲットブラウザで動作するかどうかはわかりません。どう思いますか?