JS urlのあるパス以下全てのファイル指定方法

Question

実現したいこと

const Font = new FontFace(
    'Noto Sans JP, 游ゴシック Medium, 游ゴシック体, Yu Gothic Medium, YuGothic, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif',
    'url(https://fonts.gstatic.com/s/notosansjp/v18/-F62fjtqLzI2JPCgQBnw7HFow2os2HUP5pp0erwTqsSGs8dLiZ-nVOFVLsE_RS1PblwsiBhLorUfH78.109.woff2)'
);

FontFaceオブジェクト作成でurl指定を「指定path以下全て」にしたい
→今回でいうと v18　フォルダ以下全てのファイルを指定したい

Linuxのように `````https://fonts.gstatic.com/s/notosansjp/v18/*`な感じで指定したですが、できずに困っております。

よろしくお願いいたします。

追記

url指定複数指定しているサンプルコードを参考にurl複数指定してみましたが、画像のエラーが出ますね。。。

const Font = new FontFace(
		    'Noto Sans JP, 游ゴシック Medium, 游ゴシック体, Yu Gothic Medium, YuGothic, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif',
		    'url(https://fonts.gstatic.com/s/notosansjp/v18/-F62fjtqLzI2JPCgQBnw7HFow2os2HUP5pp0erwTqsSGs8dLiZ-nVOFVLsE_RS1PblwsiBhLorUfH78.109.woff2),
		     url(https://fonts.gstatic.com/s/notosansjp/v18/-F62fjtqLzI2JPCgQBnw7HFow2os2HUP5pp0erwTqsSGs8dLiZ-nVOFVLsE_RS1PblwsiBhLorUfH78.119.woff2)'
        );

追記②

const Font = new FontFace(
		    'Noto Sans JP, 游ゴシック Medium, 游ゴシック体, Yu Gothic Medium, YuGothic, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif',
		     'url(https://fonts.gstatic.com/s/notosansjp/v18/-F62fjtqLzI2JPCgQBnw7HFow2os2HUP5pp0erwTqsSGs8dLiZ-nVOFVLsE_RS1PblwsiBhLorUfH78.109.woff2),\
		     url(https://fonts.gstatic.com/s/notosansjp/v18/-F6pfjtqLzI2JPCgQBnw7HFQMisq1xVDjch_dakBof6Bs-tL3bPjUOFWcPh-SzpiOR0Rz0tCsqIHassVrl0.109.woff2),\
		     url(https://fonts.gstatic.com/s/notosansjp/v18/-F6pfjtqLzI2JPCgQBnw7HFQMisq1xVDjch_dakBof6Bs-tL3bPjUOFWcPh-SzpiOR0Rz0tCsqIHassVrl0.110.woff2),\
		     url(https://fonts.gstatic.com/s/notosansjp/v18/-F6pfjtqLzI2JPCgQBnw7HFQMisq1xVDjch_dakBof6Bs-tL3bPjUOFWcPh-SzpiOR0Rz0tCsqIHassVrl0.115.woff2),\
		     url(https://fonts.gstatic.com/s/notosansjp/v18/-F6pfjtqLzI2JPCgQBnw7HFQMisq1xVDjch_dakBof6Bs-tL3bPjUOFWcPh-SzpiOR0Rz0tCsqIHassVrl0.117.woff2),\
		     url(https://fonts.gstatic.com/s/notosansjp/v18/-F6pfjtqLzI2JPCgQBnw7HFQMisq1xVDjch_dakBof6Bs-tL3bPjUOFWcPh-SzpiOR0Rz0tCsqIHassVrl0.118.woff2),\
		     url(https://fonts.gstatic.com/s/notosansjp/v18/-F6pfjtqLzI2JPCgQBnw7HFQMisq1xVDjch_dakBof6Bs-tL3bPjUOFWcPh-SzpiOR0Rz0tCsqIHassVrl0.119.woff2)'
        );

Answer 1

基本的には無理です。

大半のWebサーバには、どのURLが有効かのリストを取得する機能は用意されていませんし、あったとしてもそれを直接CSSに起こす方法もありません。

Comments

[kazoogon]

回答ありがとうございます。　
urlを複数指定する方法でいこうと思いますが、「追記」に記載した通りのエラーが出ますね。。

[maisumakun]

最後のurl()に引用符がついていなくておかしくなっています。

[kazoogon]

バックスラッシュで対応しエラーは無くなりましたが、一番上のurlしか読み込みませんね。。

[kazoogon]

この方法ではなく、該当ファイルをサブセット化しローカルに保存で対応いたしました。