Web pages use the Google Font API (font) method _css/html

Source: Internet
Author: User
In web design, the display of fonts is a problem. The most commonly used is the song, but the song body under the Win 7 performance is really difficult to see. Elegance is a bit dignified, but with the size of the font, the size of the Chinese character will be different. The small station now uses the font is the song body + Arial/georgia, because the custom also did not care much, actually has other better choice for the English typeface.
For example bitter font, used to do the title is good:
Copy Code code as follows:

<div style= "Text-align:center; font-size:24px; Font-family:bitter; " >welcome to Nowamagic.net</div>

How do CSS invoke bitter fonts?
Copy Code code as follows:

@font-face {
font-family: ' Bitter ';
Font-style:normal;
font-weight:400;
Src:local (' bitter-regular '), url (http://themes.googleusercontent.com/static/fonts/bitter/v4/s9gJB935qk_ Yg8d-lntdva.woff) format (' Woff ');
}
@font-face {
font-family: ' Bitter ';
Font-style:normal;
font-weight:700;
Src:local (' bitter-bold '), url (http://themes.googleusercontent.com/static/fonts/bitter/v4/ Jgvzep92dxgoqbg1cnqcfd8e0i7kzn-epnyo3hzu7kw.woff) format (' Woff ');
}

In fact, this is Google's Google font directory and Google font API Two services, Google combined with a number of font designers to provide users with a variety of beautiful fonts. You can refer to an article previously written: "Use Google Font API to enrich the font of the Web page."
Here just to make a point, the domestic really too few sites with Google Font API.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.