2

otf を使用した font-face 宣言を使用した html/css ページのフレームワークがあります。今度は Verdana のような一般的なフォントに切り替えたいと思います。font-face 宣言に Verdana を割り当てて、font-family 宣言を何度も置き換えないようにするにはどうすればよいですか? つまり、 font-face で宣言されたフォント名をフォント変数として使用するにはどうすればよいですか?

@font-face {
    font-family: 'bauer-bodoni.otf';
    src: url(../fonts);

次のようにする必要があります (この形式では機能しません)。

@font-face {
    font-family: 'Verdana', 'Arial', sans-serif;

事前にどうもありがとうございました。-R.

編集/回答: 私は自分で見つけました。秘訣は、通常のフォント宣言で行うようにフォントをコンマで区切ってリストするのではなく、それぞれに「local()」を付けることです。

@font-face {
    font-family: 'myOwnFontSet';
    src: local('Verdana');
    src: local('Arial');
    src: local(sans-serif);
4

1 に答える 1