web字体库的引用方法与列表

来源:互联网 发布:杭州达内java 编辑:程序博客网 时间:2024/05/17 09:34

web字体库的引用方法:

1、<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>

(family就等字体名称,空格用+号代替)在页面调用

2、@import url(http://fonts.googleapis.com/css?family=Poiret+One);

(family就等字体名称,空格用+号代替)在样式文件里面调用

3、javascript代码调用

1<script type="text/javascript">
2WebFontConfig = {
3google: {
4families: ['Poiret+One::latin']
5}
6}; (function() {
7var wf = document.createElement('script');
8wf.src = ('https:' == document.location.protocol ? 'https''http') + ''://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';wf.type = 'text/javascript';wf.async = 'true';var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(wf, s);})();
9</script>

页面JS调用方法(families就等字体名称,空格用+号代替)

web字体库的样式调用方法:

样式里面用法:font-family: 'Poiret One', sans-serif;(字体名称)


web字体库列表:

ABeeZee
Abel
Abril Fatface
Adamina
Advent Pro
Alfa Slab One
Alice
Allan
Amaranth
Amatic SC
Andika
Anonymous Pro
Anton
Archivo Black
Arimo
Arvo
Bangers
Basic
Baumans
Belgrano
Bevan
Bitter
Boogaloo
Brawler
Bree Serif
Bubblegum Sans
Buda
Cabin Condensed
Cabin Sketch
Caudex
Contrail One
Courgette
Coustard
Crete Round
Crushed
Cuprum
Damion
Days One
Dorsa
Droid Sans
Droid Serif
Duru Sans
Enriqueta
Federo
Francois One
Fredericka the Great
Fredoka One
Goudy Bookletter 1911
Gruppo
Homenaje
Imprima
Inconsolata
Inder
Istok Web
Jockey One
Josefin Sans
Josefin Slab
Just Another Hand
Kameron
Kaushan Script
Kotta One
Kreon
Lemon
Lobster Two
Lobster
Maiden Orange
Marvel
Merienda One
Molengo
Montserrat
News Cycle
Nixie One
Nobile
Oleo Script
Open Sans
Overlock
Ovo
PT Sans
Philosopher
Playball
Podkova
Poiret One
Quando
Quattrocento Sans
Questrial
Quicksand
Raleway
Righteous
Roboto
Rokkitt
Ropa Sans
Sansita One
Sofia
Source Sans Pro
Stoke
Ubuntu
Volkhov
Wire One
Yanone Kaffeesatz
Yellowtail

0 0