fontsquirrel webfont

1. Introduction@font-face is used to customize font styles, to obtain a font style from the server side, so that the browser can display a style effect that the client does not exist, giving the user a better presentation experience. @font-face is not a new feature of CSS3, as early as 98 was written in the CSS2 specification, which is currently supported in IE6.2. Syntax 　　 @font-Face{ font-family: // Custom font names SRC: // font file path [Font-weight: // whether or not to add bold

Using Google-hosted JavaScript libraries in projects Author: chszs, reprinted with note.Author blog homepage: http://blog.csdn.net/chszs Google provides many open-source JavaScript libraries, including jquery, dojo, mootools, prototype, swfobject, webfont loader, script. aculo. Us, jquery UI, and angularjs. To use the libraries provided by Google, simply use label. The libraries provided by Google are stable, reliable, fast, and glob

, and the transparency effect cannot be achieved with CSS.4, If the page has more small icon, first consider the use of Webfont, if the Webfont can not meet the requirements, you must use CSS sprite to merge the picture, to compress the overall picture size, while reducing the page request to improve access speed. In addition to the PNG image compression, in addition to adjust the maximum index color, this

code in the resources option in Chrome's console, it is recommended to use Chrome's "pretty print" feature, which is to click on the "{}" icon.WhatfontTo see which fonts are used for the current page, Firebug and WebKit Inspector can also view the fonts, but far from being webfont convenient, webfont can view the fonts by hovering over the elements. It also supports viewing network fonts, such as Typekit a

Web Font syntax@font-face{ font-family:""; src:url() format() ....}Compatibility wording@font-face { font-family: ‘diyfont‘; src: url(‘diyfont.eot‘); /* IE9+ */ src: url(‘diyfont.eot?#iefix‘) format(‘embedded-opentype‘), /* IE6-IE8 */ url(‘diyfont.woff‘) format(‘woff‘), /* chrome、firefox */ url(‘diyfont.ttf‘) format(‘truetype‘), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url(‘diyfont.svg#fontname‘) format(‘svg‘); /* iOS 4

which kind of use.After the conversion, you can write the CSS code:@font-face { font-family: ' Hooray '; /* Name the custom font * /src:url (' Hooray.eot '); Src:url (' Hooray.eot #iefix ') format (' EoT '), url (' Hooray.woff '), Format (' Woff '), url (' hooray.ttf ') format (' TrueType '), url (' hooray.svg#webfontjkg17vre ') format (' SVG ');}As for the call, as usual, define font-family where needed, and the name of the font is just the name just right: fo

One";Src:url ("Http://xxxxxxxxxx/xxx.woff"),Src:url ("Http://xxxxxxxxxx/xxx.ttf");}H1 {Font-family: "Emblema one", Sans-serif;}Fontsquirrel provides web font hosting services;The Font-size property controls the font size by using pixel px, percent% (relative to parent element), EM (relative to parent element), keyword Four ways to specify font size, for example:Body {FONT-SIZE:14PX (150%, 1.2em, small)}keywords, mainly using small and medimu, you can

font, there are two ways: one is to find the paid website to buy the font, and the other is to download the font to the free website. Of course, I don't think everyone will do this kind of silly thing, so we will get a free download. Where can we find it? I usually go to Google Web Fonts and dafont.com to find the fonts I need. Of course, there are other places to download the fonts on the Internet. This demo uses the single Malta font of dafont.com, in this way, you can download single Malta h

Firefox 3.5, Safari, and opera . EOT, applicable to Internet Explorer 4.0 + . SVG, applicable to chrome and iPhone The following describes how to obtain the three types of files in a certain font. Generally, some type of file with the font on hand (or found on the design resource site) is the most common. TTF file, we need to convert this file format to the other two file formats. You can use the online font conversion service provided by fontsq