"If a worker wants to do his job well, he must first sharpen his tools." - Confucius, "The Analects of Confucius. Lu Linggong"
Front page > Programming > How to Display Non-Web-Standard Fonts on Webpages?

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

Published on 2024-11-09
Browse:759

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.

Release Statement This article is reprinted at: 1729686123 If there is any infringement, please contact [email protected] to delete it
Latest tutorial More>

Disclaimer: All resources provided are partly from the Internet. If there is any infringement of your copyright or other rights and interests, please explain the detailed reasons and provide proof of copyright or rights and interests and then send it to the email: [email protected] We will handle it for you as soon as possible.

Copyright© 2022 湘ICP备2022001581号-3