Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在HTML中,当缺少字体时,是否可以让文本返回到图像?_Html_Fonts - Fatal编程技术网

在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="&#8594;"/>


仅限于HTML编号。我个人建议你不要尝试这样做。要么总是使用图像,要么期望没有字体的人出现问题。请注意,使用HTML5,你现在可以轻松加载字体,并且可以使用它加载包含该字符的字体。另一方面,这在文本库上无论如何都不起作用或者,我发现一个网站上有许多其他箭头,上面有那个符号和代码。