问题描述
我有一个简单的网页(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运行该网址,结果将正确显示。