HTML输入文本字体系列未在iPad上应用

如何解决HTML输入文本字体系列未在iPad上应用

我有一个简单的网页（https://cfmeng.azurewebsites.net/cfusion/test.cfm），在网页中，我有一些文本输入，每个文本输入将显示不同的字体。

这在PC上完美运行。但是，在iPad和Android（Sumsung）上，无论输入内容是哪种字体系列，所有输入文本都显示相同的字体。

我的目标是使用默认字体以外的其他字体来显示输入文本。

我尝试过

<input type="text" id="fname" name="fname" style="font-family: Verdana; font-size: 20px;"><br>

<input type="text" id="fname" name="fname" style="font-family: 'Brush Script MT'; font-size: 20px;"><br>

<input type="text" id="fname" name="fname" style="font-family: Arial,Helvetica,sans-serif,'Arial Black'; font-size: 20px;"><br>

以上三种在您键入的PC上显示不同，但在移动设备（iPad / Android）上完全相同

谢谢！

乔治

解决方法

看起来两个设备都缺少字体系列，所以它只使用默认字体。

我使用嵌入式字体，它可以立即在移动设备上工作。

有效网址位于https://cfmeng.azurewebsites.net/cfusion/test2.cfm

使用Android或iPad运行该网址，结果将正确显示。