Fonts @不管我怎么做字体都不起作用
是的。。。这在这里被问了很多问题,我是一个新手,在自己的时间里做一些小实验 我试图使用CSS@font-face属性,但不知道为什么它不起作用。我就是没办法让它工作。我一直在处理堆栈溢出、W3Schools、MDN等问题——无论我如何修改和改变事情,都认为“现在可能可以工作了”,这是不可能的 我的代码:Fonts @不管我怎么做字体都不起作用,fonts,Fonts,是的。。。这在这里被问了很多问题,我是一个新手,在自己的时间里做一些小实验 我试图使用CSS@font-face属性,但不知道为什么它不起作用。我就是没办法让它工作。我一直在处理堆栈溢出、W3Schools、MDN等问题——无论我如何修改和改变事情,都认为“现在可能可以工作了”,这是不可能的 我的代码: 我的结果: 有人知道我做错了什么吗?我尝试了WOFF和WOFF2,在CSS中修改了目录的语法,并且使用了Edge、Firefox和Chrome。所有这些我都更新到了他们的最新版本。不能确定,
我的结果:
有人知道我做错了什么吗?我尝试了WOFF和WOFF2,在CSS中修改了目录的语法,并且使用了Edge、Firefox和Chrome。所有这些我都更新到了他们的最新版本。不能确定,但有些东西需要尝试:
标记中删除注释。这是CSS文件中的HTML注释,可能会混淆浏览器。如果您确实需要该注释,请将其放在
tage之前@font-face
url
中,使用前斜杠/
,而不是后斜杠\
。正向斜杠是路径和URL的标准,只有Windows使用反向斜杠url
中,只有当您的网站位于服务器的根目录中时(例如,如果您的网站位于http://example.com/index.html
您的字体位于http://example.com/fonts
。在您的情况下,它可能无法正常工作,因为我怀疑您是从文件系统提供服务的。因此,如果您的index.html
位于font
目录旁边,请使用url(“font/gotham\u bold.ttf”
)奇怪的是,你在CSS中使用反斜杠。我不确定这是否有效。我试过用前斜杠,但没有用——很遗憾(我现在将它保留为正向斜杠。这是正确的方法,woops!如果您检查浏览器中的控制台日志以了解更多信息,并在问题中包含任何错误消息(如果可以,还可以将实际css和html代码粘贴到问题中)你可能会更快地得到一个更准确的答案。祝你好运找到一个解决方案:)谢谢你的帮助,一切顺利。一定是漏掉了什么,因为我发誓我已经试过去掉正斜杠了!啊,当我试图删除正斜杠时,我有反斜杠。那是我的错误。谢谢你的帮助@杰克:没问题!如果答案对您有帮助,请接受。:)它让我等着。当它允许我的时候,我会做的^^