質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

1650閲覧

バリデートすると下記の注意が出るのですが、なぜ、トランスパイル後下記のように''がなくなってしまうのでしょうか?バグですか?

退会済みユーザー

退会済みユーザー

総合スコア0

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2016/11/25 04:13

編集2016/11/25 04:15

バリデートすると下記の注意が出るのですが、なぜ、トランスパイル後下記のように''がなくなってしまうのでしょうか?バグですか?
無視するしかないでしょうか?
.c-symbol:before{font-family:Mono Social Icons Font;-webkit-tex

エラー
空白文字を含むフォントファミリー名は引用符で囲む必要があります。引用符を省略した場合、名前の前後の空白文字は無視され、また名前の途中に含まれる連続した空白文字は全て一つの空白文字に変換されます

ここに言語を入力 /* * Web-Font "FontName" licensed under the SIL Open Font License * http://drinchev.github.io/monosocialiconsfont/ */ @font-face { font-family: 'Mono Social Icons Font'; src: url('../web-font/MonoSocialIconsFont-1.10.eot'); src: url('../web-font/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'), url('../web-font/MonoSocialIconsFont-1.10.woff') format('woff'), url('../web-font/MonoSocialIconsFont-1.10.ttf') format('truetype'), url('../web-font/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');/*unuse*/ src: url('../web-font/MonoSocialIconsFont-1.10.ttf') format('truetype'); font-weight: normal; font-style: normal; }

・w3c上のコメント

@font-face { { font-family : Mono Social Icons Font; src : url(../web-font/MonoSocialIconsFont-1.10.eot); src : url(../web-font/MonoSocialIconsFont-1.10.eot?#iefix) format('embedded-opentype'), url(../web-font/MonoSocialIconsFont-1.10.woff) format('woff'), url(../web-font/MonoSocialIconsFont-1.10.ttf) format('truetype'), url(../web-font/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont) format('svg'); src : url(../web-font/MonoSocialIconsFont-1.10.ttf) format('truetype'); }

下記のようなエラーもでます。
おそらく自動にベンダープリフィックスをつけるからだと思います。
can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-ext-pseudo-element
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-ext-pseudo-element
1 can't find the warning message for vendor-ext-pseudo-class
1 can't find the warning message for deprecated
1 can't find the warning message for vendor-ext-pseudo-element
1 can't find the warning message for vendor-ext-pseudo-element
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-ext-pseudo-element
1 can't find the warning message for vendor-ext-pseudo-element
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-ext-pseudo-element
1 can't find the warning message for vendor-ext-pseudo-element
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

takepieee

2016/11/25 05:58

.c-symbol:before{font-family:Mono Social Icons Font;-webkit-tex←切れていませんか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問