font-faceに複数のフォント指定

Mozilla Firefox のサポートフォーラムです。

モデレータ: Forum Moderators

watrous
記事: 9
登録日時: 2019年10月02日(水) 09:40

font-faceに複数のフォント指定

投稿記事 by watrous »

Windows10 1909で71.0を利用しています。

userContent.css や Stylus などで、以下のように複数フォントを指定した場合、
以前のバージョンでは(といってもあやふやな記憶ですが)、初めに記載されている
フォントで該当文字がなかった場合は次のフォントで表示されていたと
思うのですが、本日試したら初めのフォントになかった文字はUD Digi Kyokasho NP-Rではなく
デフォルトフォントで表示されいるのに気づきました。
やりたいことはMS明朝の代わりに、アルファベット等はConsolasで表示し、それ以外の日本語はUD Digi Kyokasho NP-R
で表示したいのです。

@font-face {
   font-family: 'MS 明朝';
   src: local("Consolas"),local("UD Digi Kyokasho NP-R")
}

上記に該当する機能はなくなってしまったのでしょうか?
アバター
pal
Moderator
記事: 1905
登録日時: 2011年4月06日(水) 10:16
お住まい: Tokyo

Re: font-faceに複数のフォント指定

投稿記事 by pal »

書体(ファイル)名は
UDDigiKyokashoN-R
のようですが?
[Desktop] Windows 10 pro (64bit) / 16GB RAM
watrous
記事: 9
登録日時: 2019年10月02日(水) 09:40

Re: font-faceに複数のフォント指定

投稿記事 by watrous »

ありがとうございます。

https://www.foxism.jp/entry/2019/04/06/183108
を参考にしていました。

UDDigiKyokashoN-Rにしてみましたが、変化はありませんでした。
MS Gothicとしてもやはりだめでした。
アバター
pal
Moderator
記事: 1905
登録日時: 2011年4月06日(水) 10:16
お住まい: Tokyo

Re: font-faceに複数のフォント指定

投稿記事 by pal »

完全名が必要なら、

UD デジタル 教科書体 NP-R

とすればいいんじゃない?
[Desktop] Windows 10 pro (64bit) / 16GB RAM
watrous
記事: 9
登録日時: 2019年10月02日(水) 09:40

Re: font-faceに複数のフォント指定

投稿記事 by watrous »

src:localに指定するのは英語フォント名じゃないとダメっぽいのです。
#Stylusで確認しました。

結果的に、

@font-face {
font-family: 'MS 明朝';
src:local("UD Digi Kyokasho NP-R");
}

として場合、UD Digi Kyokasho NP-Rは表示される。

@font-face {
font-family: 'MS 明朝';
src:local("Consolas"),local("UD Digi Kyokasho NP-R");
}

と指定した場合、Consolasは表示されているが、UD Digi Kyokasho NP-Rは表示されない
といった、二つ目のフォントは無視される挙動になっています。
結構古い情報ですが、以下のような紹介ページもあったので以前はできていたと思うのですが、、、

https://hail2u.net/blog/software/kill-m ... later.html
アバター
pal
Moderator
記事: 1905
登録日時: 2011年4月06日(水) 10:16
お住まい: Tokyo

Re: font-faceに複数のフォント指定

投稿記事 by pal »

関連不明ですが、
https://bugzilla.mozilla.org/show_bug.cgi?id=1576863
https://bugzilla.mozilla.org/show_bug.cgi?id=1471736

あとは、
src:local("Consolas"),local("UD Digi Kyokasho NP-R");

src: local("Consolas"), local("UD Digi Kyokasho NP-R");

のように半角開けてみる。

あるいは、前後のフォントを入れ替えてみたり、後者を他のフォント(Colsolasのように一単語のもの)を試してみるとか。
[Desktop] Windows 10 pro (64bit) / 16GB RAM
watrous
記事: 9
登録日時: 2019年10月02日(水) 09:40

Re: font-faceに複数のフォント指定

投稿記事 by watrous »

情報ありがとうございます。
1576863は少し関係ありそうですね。
もちょっと読んでみます。

スペースや前後入れ替え、スペースなしフォントは試しましたが変化ありませんでした。
返信する