icomoonのfontファイルの指定について

icomoonにてアイコンを選んで、フォントをダウンロードしました。
style.cssは下記のようになっていたのですが、
fontファイルの指定で、'fonts/icomoon.eot?1xkbxy'とありますが、
拡張子のあとの?1xkbxyにはどのような意味があるのでしょうか？

@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?1xkbxy');
    src:    url('fonts/icomoon.eot?1xkbxy#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?1xkbxy') format('truetype'),
        url('fonts/icomoon.woff?1xkbxy') format('woff'),
        url('fonts/icomoon.svg?1xkbxy#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-home2:before {
    content: "\e901";
}

どうぞよろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

IE9以下のバグ対策です。

【Webフォント (Webfonts)を使う際の最新記述方法 Fontspring Syntax (The New Bulletproof@Font-Face Syntax) - フォントブログ】
http://blog.petitboys.com/archives/fontspring-syntax.html

IE9以下ではsrc:で複数のフォントを指定すると無視されてしまう。

というバグがあり、かつローカル上のフォントをも探そうと試みます。これを回避するためには、EOTを先に指定しておき、かつ.eotの後に ? をつけておきます。こうすることで、IEには残りの記述をクエリーとして認識させることができるため、残りのWOFFやTTF/OTF、SVGの処理を無視させることができます。

投稿2016/05/26 04:17