Php 使用*.ttf文件更改输入类型文本字体以生成阿拉伯验证码

Php 使用*.ttf文件更改输入类型文本字体以生成阿拉伯验证码,php,html,fonts,Php,Html,Fonts,我希望使用*.ttf文件更改输入类型字体,因为我想在输入字段中键入阿拉伯数字以生成阿拉伯验证码,我添加了th代码 <input type="text" value="إكتب هنا" onfocus="(this.value == \'إكتب هنا\') && (this.value = \'\')" onblur="(this.value == \'\') && (this.value = \'إكتب هنا\')" name="ct

我希望使用*.ttf文件更改输入类型字体,因为我想在输入字段中键入阿拉伯数字以生成阿拉伯验证码,我添加了th代码

<input type="text" value="إكتب هنا"
  onfocus="(this.value == \'إكتب هنا\') && (this.value = \'\')"
  onblur="(this.value == \'\') && (this.value = \'إكتب هنا\')" 
  name="ct_captcha"
  style="color: #00FFFF; text-align: left; vertical-align: middle; border:1px solid #FFff00; height:82px; width:180px; background color:#001003; background:#001003; font-family:Arial; font-size:53px; font-weight: bold; padding:1px"
  maxlength="6" />

但不幸的是,尽管我将html和输入方向改为“rtl”,但在firefox、opera和chrome中也使用英语数字,并且在internet explorer中使用阿拉伯语

那么,是否需要添加字体文件来更改输入字段的文本,例如:

<input font="fontname.ttf">


提前感谢您

第1步:停止所有内联操作,因为这是不可能维护的。删除…活动JS属性上的那些属性,改为使用modern
input.addEventListener(…,…)
代码在单独的.JS文件中执行操作,该文件使用

样式设置也是如此:将其放在.css文件中,并使用
加载它(请注意,这里没有
/
,也没有
。link元素是一个空元素,在HTML5中不会“关闭”)

这么说来:使用CSS
@font-face
规则加载字体(尽管我建议将其转换为WOFF,而不是使用普通ttf),然后在输入元素的CSS中使用该字体系列:

@font-face {
  font-family: myfont;
  src: url(thefontyouneed.woff) format("woff");
}

...

input[type=text[ {
  font-family: myfont, Arial, sans-serif;
}

.fon
文件不是字体,它们是古老的位图格式,Windows(以及其他任何东西)仍然支持这些格式,就好像它们是字体一样。对不起,我的意思是*.ttf,例如,我希望让阿拉伯访客在我的网站的阿拉伯语部分用阿拉伯语写验证码。不要给出“示例”,请更新你的帖子,使其准确无误。如果您有ttf字体,请谈论ttf字体,而不是
.fon
files.done,谢谢您Mike先生的帮助谢谢您的回答,但英文数字(非阿拉伯语)输入的阿拉伯单词更改了它们的字体,它们是(إتهاا)但当我用六位数字替换它们时,它是用英语写的,我希望能找到像这样的东西,它在InternetExplorer中是用阿拉伯语写的,但是其他浏览器用英语写的很明显(但可能不是很明显),也在CSS中打开替换规则?谢谢,但这只会解决我个人电脑的问题,我想在所有个人电脑上解决这个问题,不管怎样,如果这能让你受益,我会将回答标记为问题已解决,非常感谢。不,没有。CSS适用于浏览器,而不是“PC”,因此请使用一个好的
@font-face
规则,并确保在应用以这种方式加载的字体时,还确保告诉浏览器要使用哪些opentype功能。你必须对每件事都明确,否则浏览器只会“随心所欲”。准确地告诉它你想要什么,这样它就不会只是随便猜测。