html - 是否可以用@font-face 替换图标?

标签 html css font-face favicon

我打算创建一个跨浏览器的网站,它不为现代浏览器使用图像(.jpg、.png、.svg 等)。是否可以用 @font-face 替换 favicon.ico?

最佳答案

favicon 是图像资源,不是文本,因此不能使用 @font-face 将其替换为图标字体。

如果您绝对不想使用图像文件,您始终可以在图像编辑器中创建网站图标,然后将该文件序列化为 data URI。 :

<link rel="shortcut icon" href="data:image/x-icon;base64,...">

关于html - 是否可以用@font-face 替换图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20801542/

相关文章:

html - 什么时候应该在 HTML 中使用按钮 (<button>) 或链接 (<a>)?

html - 使用 bootstrap 将登录表单置于屏幕中间

javascript - CSS 渲染不正确;可能链接的 JS/CSS 资源过多?

javascript - 在哪里下载@font-face 文件以及如何引用

fonts - 图标字体 : some icon display as text instead on my machine

javascript调用新的HTML页面

javascript - Jquery 选择器在 td 上不起作用

javascript - Wordpress 子主题 css 不会覆盖父 css

css - 如何仅使用CSS(不使用JS)预加载图像?

CSS 压缩不显示@font-face