@font-face字体文件用法

时间：2021-06-23 16:47:26
<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <style>

        @font-face {

            font-family: "MFLangSong_Noncommercial";

            /*src:

            url('font/MFLangSong_Noncommercial-Regular.ttf') format('truetype');

            font-weight: normal;*/

            src: url('font/charlemagnestd-regular.eot');

            src: url('font/charlemagnestd-regular.eot?#iehack') format('embedded-opentype'),

            url('font/charlemagnestd-regular.woff') format('woff'),

            url('font/original-charlemagnestd-regular.otf'),

            url('font/charlemagnestd-regular.ttf') format('truetype');

        }

        div{font-size:30px;color:#333;font-family: "MFLangSong_Noncommercial";}

    </style>

</head>

<body>

<div>CFF决赛成绩比拼</div>

</body>

</html>

字体文件转换地址

http://www.fontconverter.org/?userfile_url=&requiredfile_userfile=1&outFormat=woff

http://www.freefontconverter.com/

http://blog.****.net/agileclipse/article/details/12450949

相关文章