Introduction to Web Font format and several online format conversion tools

Original address: http://blog.csdn.net/xiaolongtotop/article/details/8316554

At present, the text information is still the main content of the site, with the CSS3 technology continues to mature, web fonts gradually become a topic, the future of the Web more colorful technology has a variety of implementations, one of which is to embed the custom font in the Web page through the @font-face property, Mainstream browsers support this technology, this article describes the main types of Web fonts and font format conversion.

The Web font format introduces the most common font formats for  truetype (. ttf) Windows and Mac systems, and its biggest feature is that it is a contour-based font defined by a mathematical pattern, making them easier to handle than vector-based fonts. Ensure the consistency of the screen and print output. At the same time, such fonts and vector fonts can be arbitrarily scaled, rotated without fear of aliasing.  eot–embedded Open Type (. EOT) embedded font format (EOT) is a technology developed by Microsoft that allows OpenType fonts to be embedded in Web pages and can be downloaded to browser rendering, browser based on the definition of @font-face in CSS, download, shading Dye this. The font file for the EOT suffix. These files are temporarily installed on the user's system only in the active state of the current page.  opentype (. OTf) OpenType is a scalable typeface (scalable font) computer font type, in PostScript format, developed by Microsoft and Adobe to replace TrueType glyphs. These fonts have a file extension of. OTF, and the type code is Otto, and the current standard is OpenType 1.4. OpenType was originally published in 1996, and a large number of fonts appeared after 2000 years. It originated from Microsoft's TrueType open font, and the TrueType Open font originated from TrueType fonts. The OpenType font includes Adobe cid-keyed font technology. Adobe has changed its font library to the OpenType format at the end of 2002.  woff–web Open font format (. WOFF) for TrueType and OpenType, WOFF (Web development font formats) is a font format standard designed specifically for the web, it's not complex, it's really just for True Type/opentype are packaged in font formats and optimized for network use: Each font file contains fonts and metadata for fonts (Metadata), font files are compressed for network transmission, and do not contain any encryption or DRM measures. Almost all major font vendors, including Adobe, Lino Type, and Monotype, have joined the ranks of support WOFF.  svg (Scalable Vector Graphics) Fonts (. svg), as the name implies, is the use of SVG technology to render fonts, there is aThe SVG font for GZIP compression format. Svgz. SVG Scalable Vector Graphics (Scalable vector graphic) is a graphic format for describing two-dimensional vector graphics based on Extensible Markup Language (XML). SVG was developed by the consortium and is an open standard. SVG strictly conforms to the XML syntax and describes the image content in a descriptive language of the text format, so it is a vector graphics format independent of the image resolution. SVG allows you to design the Web page can be more wonderful and meticulous, using simple text commands, SVG can achieve linear color changes, paths, custom fonts, transparency, filter effects and other common graphic image effects.   Online font format conversion tool introduction  online font converter free font conve the fontsquirrel converter font-face Generator font 2 Web ttf 2 EOT OTF 2 woff  

Introduction to Web Font format and several online format conversion tools