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

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">
2 WebFontConfig = {
3 google: {
4 families: ['Poiret+One::latin']
5 }
6 }; (function() {
7 var wf = document.createElement('script');
8 wf.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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值