我试图切换到@font-face而不是依赖用户安装字体(确切地说它是Terminus字体,而不是它的TTF版本).
不幸的是,在处理远程托管文件时,我遇到了一些奇怪的"粗体"或"扭曲"字体,如下图所示:

正如您所看到的,由于某种原因,远程提取的字体在12,14,16,18,20,24种类型中被扭曲,因此本地字体对它们应用了某种"标准化",使它们看起来漂亮并且在 - 地点.
另外需要提一下的是,我试图使用FontSquirrel的WebFont Generator,其中demo-htmls屏幕截图分别显示在这些CSS代码中:
@font-face {
font-family: 'terminus_ttfmedium';
src: url('terminusmedium-4.38-webfont.ttf') format('truetype');
}
Run Code Online (Sandbox Code Playgroud)
和
@font-face {
font-family: 'terminus_ttfmedium';
src: local('Terminus (TTF)');
}
Run Code Online (Sandbox Code Playgroud)
Terminus(TTF)是刚刚安装到的同一包文件/usr/share/fonts/.
任何见解将不胜感激!
编辑:改变FontSquirrel高级选项似乎根本没有帮助这个问题.
编辑2:我没有试过在Firefox上尝试所有方法.另外,我已经将一个字体复制到一个工作目录(与本地使用的相同),通过"url"字段链接它仍然保持扭曲.这是徒劳的!
我想知道是否有可能在keypress活动中获得最终结果?目前,我正在使用keyup它,因为它是在用户在texteara中完成文本编辑后激活的,但我编写了一个使用Mootools库执行类似操作的方法:
input.addEvent("keypress", function (input) {
var previous_result = this.value;
var end_result = this.value + input.key;
});
Run Code Online (Sandbox Code Playgroud)
但是,这种方法在处理特殊键(如退格键)时非常糟糕,或者如果用户选择使用CTRL+ a&& Backspace,则输入元素的值不会是"空字符串".
我很好奇,因为我观察到谷歌的搜索引擎发送XMLHttpRequest 并在keyup事件触发前改变页面.此外,他们使用的输入设法克服了删除整个文本同时仍然享受奢侈品的问题keypress.
谢谢!
我很确定这不是一件简单的事情,因此我找不到任何有用的东西.调用元素的删除并将其推送到最后似乎太难看了.
数组中的五个值:
var array = ['cat', 'dog', 'turtle', 'zebra', 'pterodactylus'];
Run Code Online (Sandbox Code Playgroud)
所以,我只想让狗被推到阵列的末尾:
var array = ['cat', 'turtle', 'zebra', 'pterodactylus', 'dog'];
Run Code Online (Sandbox Code Playgroud)
就那么简单.
javascript ×2
arrays ×1
chromium ×1
css ×1
dom-events ×1
firefox ×1
font-face ×1
fonts ×1
keypress ×1
mootools ×1