css 引用外部字体

    科技2022-08-13  171

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" > <title>Document</title> <style> @font-face { font-family: 'fangsong'; src: url('font/FangZhengFangSong.eot'); src: url('font/FangZhengFangSong.eot?#iehack') format('eot'), url('font/FangZhengFangSong.woff') format('woff'), url('font/FangZhengFangSong.ttf') format('truetype'), url('font/FangZhengFangSong.svg#svgFontName') format('svg'); } @font-face { font-family: 'xiaobiaosong'; src: url('font/FangZhengXiaoBiaoSong.eot'); src: url('font/FangZhengXiaoBiaoSong.eot?#iehack') format('eot'), url('font/FangZhengXiaoBiaoSong.woff') format('woff'), url('font/FangZhengXiaoBiaoSong.ttf') format('truetype'), url('font/FangZhengXiaoBiaoSong.svg#svgFontName') format('svg'); } /*使用选择器指定字体*/ .fs { font-family: 'fangsong'; } .xbs { font-family: 'xiaobiaosong'; } </style> </head> <body> <div class="fs">月落乌啼霜满天 江枫渔火对愁眠</div>月落乌啼霜满天 江枫渔火对愁眠 <div class="xbs">姑苏城外寒山寺 夜半钟声到客船</div>姑苏城外寒山寺 夜半钟声到客船 </body> </html>

    字体文件格式转换:字客网字体转换工具

    Processed: 0.008, SQL: 9