How to Display Non-Web-Standard Fonts on Webpages?

Non-Web-Standard Font Display in Webpages

One may stumble upon a webpage utilizing a font not commonly available on computers. For instance, "ff-tisa-web-pro-1" was encountered. How is this possible?

Implementation

The CSS @font-face declaration allows the implementation of non-standard fonts on a website. Paul Irish's "bulletproof font face implementation" clarifies the process, utilizing FontSquirrel's font file generator. This technique is now supported across browsers with proper implementation.

Services

Additionally, services like Typekit host and serve font files for a fee. They provide user-friendly implementation options that alleviate the complexities of @font-face. Google's Font API offers a similar service, albeit free and limited to selected free fonts.

Alternative Techniques

Non-native embedding techniques like Cufon and sIFR have been employed in the past. However, these methods are not typically specified in CSS.

The above is the detailed content of How to Display Non-Web-Standard Fonts on Webpages?. For more information, please follow other related articles on the PHP Chinese website!