明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

html中如何嵌入特殊字體中文以及英文的案例

發(fā)表時間：2024-05-11 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]英文字體引入方法：html代碼<!DOCTYPE html><html><head></head><style>@font-face {font-family: fontNameRegular; /* 字體名稱,可自己定義 */src: ...
英文字體引入方法：

html代碼

<!DOCTYPE html>
<html>
<head>
</head>
<style>
    @font-face {
        font-family: 'fontNameRegular'; /* 字體名稱,可自己定義 */
        src: url('LIGHRG.eot');
        src: local('fontName Regular'),
        local('Lightningvolt'),
        url('LIGHRG.woff') format('woff'),
        url('LIGHRG.ttf') format('truetype'),
        url('LIGHRG.svg#LIGHRG') format('svg');
    }
    /* 將Lightningvolt替換成字體庫名 */
    /* 將LIGHRG替換成你自己的字體文件名 */
    p {font: 50px fontNameRegular, Arial, sans-serif; }
</style>
<body>
<p>
    sadasdasdasdasdasdasdasd
</p>
</body>
</html>

-----------------------------------------------------華麗的分割線------------------------------------------------------------

下面是中文方法

第一次執(zhí)行好以后，再刷新一下有在head插入一個svg，這個svg再轉(zhuǎn)成其他格式就可以了

注意：不能磁盤路徑訪問，一定要部署一個Apache或者tomcat，用localhost訪問頁面

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
</head>
<body>
<p class="minijianyaya">
    我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
    度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達我們ahi速度額短襪打速度埃索達埃索達
</p>
</body>
<script type="text/javascript" src="http://www.youziku.com/UserDownFile/jquery.min.js"></script>
<script type="text/javascript" src="http://www.youziku.com/UserDownFile/jquery.md5.js"></script>
<script type="text/javascript">
    function youziku19540() {
        var resultStr = $(".minijianyaya").text();
        var md5 = "";
        resultStr = Trim(resultStr);
        resultStr = SelectWord(resultStr);
        md5 = $.md5("9cddc9570e5e4a5d93d076e34bd55782"+"minijianyaya" + resultStr);
        $.getJSON("http://www.youziku.com/webfont/CSSPOST?jsoncallback=?", { "id": md5, "guid": "9cddc9570e5e4a5d93d076e34bd55782", "type": "5" }, 
        function (json) {
            if (json.result == 0) {/*alert("需要生成");*/
                $.post("http://www.youziku.com/webfont/PostCorsCreateFont", { "name": "minijianyaya", "gid": "9cddc9570e5e4a5d93d076e34bd55782", "type": "5", 
                "text": resultStr }, function (json) {
                    if (json == "0") { /*alert("參數(shù)不對");*/
                    } else if (json == "2") {/*alert("超過每日生成字體數(shù)的上限");*/
                    } else if (json == "3") { /*alert("當(dāng)前正在生成請稍后");*/
                    } else {/*alert("正在生成");*/
                    }
                });
            }
            else {/*alert("下載css文件");*/
                loadExtentFile("http://www.youziku.com/webfont/css?id=" + md5 + "&guid=" + "9cddc9570e5e4a5d93d076e34bd55782" + "&type=5");
            }
        });
    }
    (function youziku() {
        if (window.location.href.toString().substring(0, 7) == "file://") {
            alert("你當(dāng)前是通過雙擊打開html文件，進行本地測試的，這樣看不到字體效果，一定要通過本地建立的虛擬網(wǎng)站或發(fā)布到外網(wǎng)進行測試。詳見有字庫的使用說明。");
        }else{
            youziku19540();
        }
    })()
</script>
</html>

以上就是html中如何嵌入特殊字體中文以及英文的實例的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。