In webpage design, special fonts are sometimes used to meet visual requirements. To ensure a uniform effect on all client browsers, the following solutions are available:
I. Replacing text with images
The most basic solution is to replace text with images, but the images are static. to modify the text, you can only recreate the image. This method is only applicable to text that does not need to be modified.
2. You can set the external font for the @ font-face attribute of css3.
This method is not applicable due to browser compatibility limitations on this attribute.
III,Sifr (Scalable Inman flash replacement)
Principle: embed the network font into the page through Flash + JS + CSS.
Iv. typeface
Flash dependency less than sifr
V. cufon
Use VML, canvas, and SVG to render fonts.
Good compatibility, ease of use, no plug-in support, high efficiency, is currently the best solution for dynamic text with special fonts.
References:
Http://slj.me/2010/07/font-replacement-css3-sifr-typeface-js-cufon/
Http://www.ibm.com/developerworks/cn/web/0911_zhuzh_cufon/
Http://www.zhangjingwei.com/archives/cufon/