Html @字体在任何浏览器上都不起作用
有人能帮我吗?我正努力让@font-face工作。 我几乎什么都试过了,我知道我可能错过了一些愚蠢的东西 谁能告诉我我做错了什么吗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{
字体系列:“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,这可能是原因吗?