我在CSS / SCSS中使用fontawesome。字体是这样嵌入在scss中的：
src: url('#{$fa-font-path}/fa-regular-400.eot');
src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),
url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),
url('#{$fa-font-path}/fa-regular-400.woff') format('woff'),
url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'),
url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');
为了使预加载在我们的服务器上正确运行，我需要添加一个GET参数（这是由于会话问题所致），因此我需要进行更改
fa-regular-400.woff2
至
fa-regular-400.woff2?preload
但是＃的作用是什么？在网页上的“普通” URL中，它将是锚点，但在字体文件中？如何正确将预载参数添加到：
fa-regular-400.eot?#iefix
fa-regular-400.svg#fontawesome
是吗：
fa-regular-400.eot?#iefix&preload
fa-regular-400.svg#fontawesome?preload
要么
fa-regular-400.eot?preload#iefix
fa-regular-400.svg?preload#fontawesome
??
fa-regular-400.eot?preload#iefix
fa-regular-400.svg?preload#fontawesome
这是正确的方法。该#part只是一个片段，当解析HTTP请求通常是被完全忽略。我什至怀疑大多数浏览器甚至没有将其发送到服务器。
您可能要仔细检查fa-regular-400.eot?preload#iefix较旧的IE版本（IE11之前的版本），首先，这样做的全部原因是，他们的CSS解析器忽略了所有内容，之后?我们滥用它们来忽略其他字体格式。
对于SVG字体，#id只是用来告诉浏览器文件中哪个svg元素用作字体。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句