Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So verwenden Sie die Google Font API (Schriftart) auf Webseiten_CSS/HTML

WBOY
Freigeben: 2016-05-16 12:03:55
Original
2647 Leute haben es durchsucht

Beim Webdesign ist die Darstellung von Schriftarten ein Problem. Die am häufigsten verwendete Version ist die Song-Schriftart, aber die Leistung der Song-Schriftart unter Win 7 ist wirklich hässlich. Yahei ist würdevoller, aber je nach Schriftgröße fühlt sich die Größe der chinesischen Schriftzeichen anders an. Die derzeit von der kleinen Website verwendete Schriftart ist Song Dynasty + Arial/Georgia. Ich schenke ihr keine große Beachtung, weil ich daran gewöhnt bin. Tatsächlich gibt es andere bessere Optionen für englische Schriftarten.
Zum Beispiel eignet sich die Schriftart Bitter gut für Titel:

Kopieren Sie den Code Der Code lautet wie folgt:

Willkommen bei NowaMagic.net


Wie rufe ich die Schriftart CSS Bitter auf?
Code kopieren Der Code lautet wie folgt:

@font-face {
Schriftart -family: 'Bitter';
Schriftstil: normal;
Schriftstärke: 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- Stil: normal ;
Schriftstärke: 700;
src: local('Bitter-Bold'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/JGVZEP92dXgoQBG1CnQcfD8E0i7KZn-EPnyo3HZu7kw .woff) format('woff');
}

Tatsächlich handelt es sich dabei um zwei von Google gestartete Dienste, Google Font Directory und Google Font API, die Google viele Schriftartendesigner zur Verfügung stellt Benutzer mit einer Vielzahl schöner Schriftarten. Weitere Informationen finden Sie in einem Artikel, den ich zuvor geschrieben habe: „Verwenden der Google Font-API zum Anreichern von Web-Schriftarten“.
Dies ist nur eine Einführung. Es gibt wirklich zu wenige Websites in China, die die Google Font API verwenden.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage