Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过Safari中的FontFace界面加载文件名以数字开头的字体_Javascript_Css_Interface_Safari_Font Face - Fatal编程技术网

Javascript 如何通过Safari中的FontFace界面加载文件名以数字开头的字体

Javascript 如何通过Safari中的FontFace界面加载文件名以数字开头的字体,javascript,css,interface,safari,font-face,Javascript,Css,Interface,Safari,Font Face,我无法让Safari(11.1)通过FontFace界面加载字体文件,如果这些文件的字体名称以数字开头 在Chrome和Firefox中,显示Safari加载错误的文件完全可以正常加载。这里是我能创建的最简化的版本,它仍然会产生错误 var fonty = new FontFace('0Test', 'url(fonts/0Test.woff)'); console.log('This will only show if the Font name does not begin with a

我无法让Safari(11.1)通过FontFace界面加载字体文件,如果这些文件的字体名称以数字开头

在Chrome和Firefox中,显示Safari加载错误的文件完全可以正常加载。这里是我能创建的最简化的版本,它仍然会产生错误

var fonty = new FontFace('0Test', 'url(fonts/0Test.woff)');

console.log('This will only show if the Font name does not begin with a number');
检查Safari(我正在使用的版本是11.1)控制台,您将看到错误:“SyntaxError:字符串与预期的模式不匹配”。当使用以数字开头的实际有效字体时,它将无法加载

这里有一个JSFIDLE演示了这个问题

对于这种情况,是否有一种仍然使用FontFace接口的解决方法


编辑-澄清一下,问题在于字体的名称,而不是文件的名称。例如
FontFace('012-This-beging-With-Numbers-Is-The-Issue','url(fonts/012-This-beging-Fine.woff)')

如果这是一个愚蠢的问题,很抱歉,但您确定它抱怨的是文件名而不是字体名称本身吗?谢谢,我应该澄清一下。这是它抱怨的字体名称。代码写为var fonty=new-FontFace('Lettersonly','url(fonts/123Test.woff)')将通过(尽管显然不会加载字体)。但是像
var fonty=new FontFace('123Test','url(fonts/Lettersonly.woff')这样的代码不会。如果这是一个愚蠢的问题,很抱歉,但你确定它抱怨的是文件名而不是字体名称本身吗?谢谢,我应该澄清一下。这是它抱怨的字体名称。代码写为var fonty=new-FontFace('Lettersonly','url(fonts/123Test.woff)')将通过(尽管显然不会加载字体)。但是像
var fonty=new FontFace('123Test','url(fonts/Lettersonly.woff')这样的代码将不显示。