Rumah > hujung hadapan web > html tutorial > CSS: 引用字体文件,以及字体图标的使用_html/css_WEB-ITnose

CSS: 引用字体文件,以及字体图标的使用_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-21 08:48:43
asal
1628 orang telah melayarinya

1. css文件(fonts.css)中引用字体文件:

@font-face {

    font-family: 'bbBUS';

    src: url('texticon.eot'); /*IE9*/

    src: url('texticon.eot?#iefix')     format('embedded-opentype'),

    url('texticon.woff') format('woff'),

    url('texticon.ttf')     format('truetype');

}

tip:字体文件放在当前文件统计目录下,这样有更好的移植性(经测试,字体文件是要绝对路径引用,而css文件不用。亲测如此)

2. 字体图标的定义:

根据做字体图标时的对照图来定义:

Salin selepas log masuk

3.字体图标的使用(HTML页面):

效果:

 

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan