使用 Javascript 和 PHP 使用 TTF 生成图像
我在使用 http://www.marcofolio.net/webdesign/use_a_custom_font_on_your_website 中找到的脚本时遇到问题.html
问题是，当我加载页面时，文本会显示出来，然后每个单词都会被使用 PHP GD 库生成的图像替换。
它产生了我似乎无法摆脱的闪烁效果。 js文件中有选项：
var hideFlicker = true; var hideFlickerCSS = "替换屏幕.css"; var hideFlickerTimeout = 0;
但是当我更改任何这些设置时，什么也没有发生。 请帮忙！
谢谢。
I am having trouble using a script I found at http://www.marcofolio.net/webdesign/use_a_custom_font_on_your_website.html
The problem is, when I load a page, the text shows up then each word is replaced by a generated image of it using the PHP GD lib.
It creates a flicker effect that I can't seem to get rid of. There are options is the js file:
var hideFlicker = true;
var hideFlickerCSS = "replacement-screen.css";
var hideFlickerTimeout = 0;
But when I change any of those settings, nothing happens.
Please help!
Thank you.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
对于您似乎想要做的事情，图像替换是一种极其过时的方法。所有忍者开发人员都使用名为 @font-face 的技术来进行字体和字体替换。
它更简单，不需要在服务器上发生任何事情，并且页面上的文本可以动态修改。
您可以使用 http://www.fontsquirrel.com/ 或 http://code.google.com/webfonts 用于现成的字体包。
如果您有自定义字体（您有许可证），您可以使用 fontsquirrel 的 @font-face 生成器为其创建一个 @font-face 包： http://www.fontsquirrel.com/fontface/generator
然后你只需在 CSS 中定义你的字体。简单、优雅并且适用于 99% 的浏览器（是的，甚至是 IE6）
干杯！
For what you seem to be trying to do, image replacement is an extremely outdated method. All the ninja-devs are using technology called @font-face for their fonts and font replacements.
It's simpler, doesn't require anything to happen on the server and text on the page can be modified dynamically.
You can use services like http://www.fontsquirrel.com/ or http://code.google.com/webfonts for ready made font packages.
If you have a custom font (that you have a license for) you can create an @font-face package for it, using fontsquirrel's @font-face generator: http://www.fontsquirrel.com/fontface/generator
And then you just define your fonts in the CSS. Simple, elegant and works in 99% of browsers (yes, even IE6)
Cheers!