Home >Web Front-end >CSS Tutorial >How to use Google Font API (font) on web pages_CSS/HTML

How to use Google Font API (font) on web pages_CSS/HTML

WBOY
WBOYOriginal
2016-05-16 12:03:552670browse

In web design, font display is a problem. The most commonly used version is Song font, but the performance of Song font under Win 7 is really ugly. Yahei is more dignified, but depending on the font size, the size of the Chinese characters will feel different. The font currently used by the small site is Arial/Georgia. I don’t pay much attention to it because I’m used to it. In fact, there are other better choices for English fonts.
For example, the Bitter font is good for titles:

Copy code The code is as follows:

Welcome To NowaMagic.net


How to call CSS Bitter font?
Copy code The code is 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, these are two services launched by Google, Google Font Directory and Google Font API. Google has united many font designers to provide users with A variety of beautiful fonts are provided. For details, please refer to an article I wrote before: "Using Google Font API to Enrich Web Fonts".
This is just an introduction. There are really too few websites in China that use Google Font API.
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn