Question

我希望使用* .ttf文件更改输入类型字体，因为我想在输入字段中输入阿拉伯数字来制作阿拉伯语验证码，我添加了代码

<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和输入方向更改为＆＃34; rtl＆＃34;在火狐，歌剧和Chrome中，英语数字也是有效的，而且我想在互联网浏览器中使用阿拉伯语

所以，无论如何都要添加字体文件来更改输入字段的文本，例如：

<input font="fontname.ttf">

提前谢谢

Answer 1

第1步：停止内联所有内容，因为无法维护。删除那些1998 on...个活动的JS属性，而是使用现有的input.addEventListener(..., ...)代码在您使用<script src="..."></script>

导入的单独.js文件中执行操作

您的样式也是如此：将其放在.css文件中并使用<link rel="stylesheet" href="yourfile.css">加载（注意那里没有/，也没有</link>。 element是一个void元素，并且不会在HTML5中关闭＆＃34;

所以说：使用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;
}

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

1 个答案: