Html @字体在任何浏览器上都不起作用

Html @字体在任何浏览器上都不起作用,html,css,fonts,font-face,Html,Css,Fonts,Font Face,有人能帮我吗?我正努力让@font-face工作。 我几乎什么都试过了,我知道我可能错过了一些愚蠢的东西 谁能告诉我我做错了什么吗 @font-face{ 字体系列:“Asbah”; src:url('http://www.dafont.com/asbah.font.ttf“)格式('truetype'), url('http://www.dafont.com/asbah.font.woff2“)格式('woff2'), url('http://www.dafont.com/asbah.fon

有人能帮我吗?我正努力让@font-face工作。 我几乎什么都试过了,我知道我可能错过了一些愚蠢的东西

谁能告诉我我做错了什么吗

@font-face{
字体系列:“Asbah”;
src:url('http://www.dafont.com/asbah.font.ttf“)格式('truetype'),
url('http://www.dafont.com/asbah.font.woff2“)格式('woff2'),
url('http://www.dafont.com/asbah.font.woff“)格式(“woff”),
p{
字体系列:“Asbah”;
字体大小:12px;
}

哈罗,这是字体Asbah…这是nooot workingggg
使用以下方法:

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
不同的浏览器使用不同的字体格式。如果您在此网站上没有某些格式,您将生成所有:


请查看以下内容以了解技术细节:

确保字体URL正确。或者从CDN或本地提供它

您是否正确添加了
mime类型
? 我想你可以在这个链接中看到:

@font-face
仅适用于服务器上托管的字体

否则,您需要使用
@import

就像你想用谷歌字体一样-


@导入url(//fonts.googleapis.com/css?family=Open+Sans);

将这些字体下载到本地系统并重试。当我们在给定url浏览器中点击字体时返回404错误。这些url返回404,这可能是原因吗?