在HTML中,当缺少字体时,是否可以让文本返回到图像?
我想制作一个提交按钮,如在HTML中,当缺少字体时,是否可以让文本返回到图像?,html,fonts,Html,Fonts,我想制作一个提交按钮,如 <input type="submit" value="→"/> 但是,我不相信用户安装的字体能够覆盖→. 我希望尽可能使用文本,使其与页面的其余部分更加一致,但在必要时用箭头图像替换文本 是否有办法测试特定字符的字形是否可用?如果您查看此项目,您应该能够写入箭头,如果div宽度/高度大小错误,则假设字体不存在,或者使用特定字体的代码,如果不存在,则使用图像 它可以用javascript而不是html来完成。不,html中没有这样的机制–您可以指定图
<input type="submit" value="→"/>
但是,我不相信用户安装的字体能够覆盖→. 我希望尽可能使用文本,使其与页面的其余部分更加一致,但在必要时用箭头图像替换文本
是否有办法测试特定字符的字形是否可用?如果您查看此项目,您应该能够写入箭头,如果div宽度/高度大小错误,则假设字体不存在,或者使用特定字体的代码,如果不存在,则使用图像
它可以用javascript而不是html来完成。不,html中没有这样的机制–您可以指定图像的文本替代项(通过
img
元素中的alt
属性),但反之亦然
在实践中,使用类似“的字符”→”, 主要的问题不是字形的存在(很难找到一台没有任何字体覆盖的计算机)→”), 但它们的质量。在许多字体中,“→” 字体又薄又小,因此不适合在按钮中使用。在某些字体(如Calibri)中,它的形状很奇怪。并且尝试使字符在排版上与页面的其余部分匹配也没有多大用处,因为这里“→” 将用作独立符号,而不是文本字符
因此,最好使用图像,例如
<button type=submit><img src=arrow.png alt=Forward></button>
试试这个:
<input type="submit" value="→"/>
仅限于HTML编号。我个人建议你不要尝试这样做。要么总是使用图像,要么期望没有字体的人出现问题。请注意,使用HTML5,你现在可以轻松加载字体,并且可以使用它加载包含该字符的字体。另一方面,这在文本库上无论如何都不起作用或者,我发现一个网站上有许多其他箭头,上面有那个符号和代码。