0

ポップオーバー内でbootstrap-wysiwygを使用しています。これがデモです（太字のみが実際に機能しています）。ご覧のとおり、Ctrl+B を押すとテキストが太字に設定され、もう一度押すと通常に戻ります。

そのデモは正常に動作していますが、私自身のプロジェクトでは、ローカルのフォント フェイスを使用しています。

@font-face {
    font-family: BerninaSans;
    src: url('theme/BerninaSans/normal/berninasans-condensedregular-webfont.eot');
    src: url('theme/BerninaSans/normal/berninasans-condensedregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('theme/BerninaSans/normal/berninasans-condensedregular-webfont.woff') format('woff'),
         url('theme/BerninaSans/normal/berninasans-condensedregular-webfont.ttf') format('truetype'),
         url('theme/BerninaSans/normal/berninasans-condensedregular-webfont.svg#bernina_sanscondensed_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: BerninaSansBold;
    src: url('theme/BerninaSans/bold/berninasans-condensedbold-webfont.eot');
    src: url('theme/BerninaSans/bold/berninasans-condensedbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('theme/BerninaSans/bold/berninasans-condensedbold-webfont.woff') format('woff'),
         url('theme/BerninaSans/bold/berninasans-condensedbold-webfont.ttf') format('truetype'),
         url('theme/BerninaSans/bold/berninasans-condensedbold-webfont.svg#bernina_sanscondensed_bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

そして、どういうわけかすべてを台無しにします-Ctrl + B（またはボタンを直接）をクリックしてテキストを太字にできますが、もう一度クリックしても通常に戻りません。大胆なままです。ボタン自体も奇妙な動作をしており、青色に変わりますが、他のキーを押すとすぐに元に戻ります. font-weight2 番目の font-face を に設定すると、整理されると思いboldましたが、そうではありません。

問題を再現するためにそのデモをセットアップする方法がわかりません（... font-face cdnのようなものはありますか？）、誰かが同様の経験から答えを知っているか、役立つ提案をしてくれることを願っています。

4

1 に答える 1

0

それらにすべて同じ名前を付ける必要があることがわかりました。

この記事によると、font-face の太字バージョンを定義する正しい方法は、同じ font-family 名を使用することですが、属性は異なります。そうすれば、ブラウザは一方が他方の太字バージョンであることを認識します

@font-face {
    font-family: BerninaSans;
    src: url('...');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: BerninaSans; // <----
    src: url('...');
    font-weight: bold;
    font-style: normal;
}

かなりきれい。

于 2014-03-17T08:27:15.397 に答える