html中如何嵌入特殊字体中文以及英文的实例-html tutorial-php.cn

Rumah

hujung hadapan web

html tutorial

html中如何嵌入特殊字体中文以及英文的实例

黄舟

Jul 22, 2017 am 10:15 AM

htmlfon

英文字体引入方法：

html代码

<!DOCTYPE html>
<html>
<head>
</head>
<style>
    @font-face {
        font-family: &#39;fontNameRegular&#39;; /* 字体名称,可自己定义 */
        src: url(&#39;LIGHRG.eot&#39;);
        src: local(&#39;fontName Regular&#39;),
        local(&#39;Lightningvolt&#39;),
        url(&#39;LIGHRG.woff&#39;) format(&#39;woff&#39;),
        url(&#39;LIGHRG.ttf&#39;) format(&#39;truetype&#39;),
        url(&#39;LIGHRG.svg#LIGHRG&#39;) format(&#39;svg&#39;);
    }
    /* 将Lightningvolt替换成字体库名 */
    /* 将LIGHRG替换成你自己的字体文件名 */
    p {font: 50px fontNameRegular, Arial, sans-serif; }
</style>
<body>
<p>
    sadasdasdasdasdasdasdasd
</p>
</body>
</html>

-----------------------------------------------------华丽的分割线------------------------------------------------------------

下面是中文方法

第一次执行好以后，再刷新一下有在head插入一个svg，这个svg再转成其他格式就可以了

注意：不能磁盘路径访问，一定要部署一个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("参数不对");*/
                    } else if (json == "2") {/*alert("超过每日生成字体数的上限");*/
                    } else if (json == "3") { /*alert("当前正在生成请稍后");*/
                    } 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("你当前是通过双击打开html文件，进行本地测试的，这样看不到字体效果，一定要通过本地建立的虚拟网站或发布到外网进行测试。详见有字库的使用说明。");
        }else{
            youziku19540();
        }
    })()
</script>
</html>

Atas ialah kandungan terperinci html中如何嵌入特殊字体中文以及英文的实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan

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

Artikel Berkaitan

Mengapa tag HTML penting untuk pembangunan web?May 02, 2025 am 12:03 AM

Htmltagsareessentialforwebdevelopmentastastheystructureandhancewebpages.1) theDefinelayout, semantik, dan interactivity.

Terangkan kepentingan menggunakan gaya pengekodan yang konsisten untuk tag dan atribut HTML.May 01, 2025 am 12:01 AM

Gaya pengekodan HTML yang konsisten adalah penting kerana ia meningkatkan kebolehbacaan, kemampuan dan kecekapan kod. 1) Gunakan tag dan atribut huruf kecil, 2) Pastikan lekukan yang konsisten, 3) Pilih dan tentukan sebut harga tunggal atau berganda, 4) Elakkan mencampurkan gaya yang berbeza dalam projek, 5) Gunakan alat automasi seperti Prettier atau Eslint untuk memastikan konsistensi dalam gaya.

Bagaimana untuk melaksanakan Carousel Multi-Project di Bootstrap 4?Apr 30, 2025 pm 03:24 PM

Penyelesaian untuk melaksanakan Carousel Multi-Project dalam Bootstrap4 Melaksanakan Carousel Multi-Project di Bootstrap4 bukanlah tugas yang mudah. Walaupun bootstrap ...

Bagaimanakah laman web rasmi DeepSeek mencapai kesan menembusi acara tatal tetikus?Apr 30, 2025 pm 03:21 PM

Bagaimana untuk mencapai kesan penembusan peristiwa menatal tetikus? Apabila kami melayari web, kami sering menghadapi beberapa reka bentuk interaksi khas. Sebagai contoh, di laman web rasmi DeepSeek, � ...

Cara mengubahsuai gaya kawalan main balik video HTMLApr 30, 2025 pm 03:18 PM

Gaya kawalan main balik lalai video HTML tidak dapat diubahsuai secara langsung melalui CSS. 1. Buat kawalan tersuai menggunakan JavaScript. 2. Mencantikkan kawalan ini melalui CSS. 3. Pertimbangkan keserasian, pengalaman pengguna dan prestasi, menggunakan perpustakaan seperti video.js atau PLYR dapat memudahkan proses.

Masalah apa yang akan disebabkan oleh menggunakan Pilih asli di telefon anda?Apr 30, 2025 pm 03:15 PM

Masalah yang berpotensi dengan menggunakan pilihan asli pada telefon bimbit semasa membangunkan aplikasi mudah alih, kami sering memenuhi keperluan untuk memilih kotak. Biasanya, pemaju ...

Apakah kelemahan menggunakan pilihan asli di telefon anda?Apr 30, 2025 pm 03:12 PM

Apakah kelemahan menggunakan pilihan asli di telefon anda? Apabila membangunkan aplikasi pada peranti mudah alih, sangat penting untuk memilih komponen UI yang betul. Banyak pemaju ...

Bagaimana untuk mengoptimumkan pengendalian perlanggaran perayauan orang ketiga di dalam bilik menggunakan tiga.js dan octree?Apr 30, 2025 pm 03:09 PM

Gunakan tiga.js dan octree untuk mengoptimumkan pengendalian perlanggaran perayauan orang ketiga di dalam bilik. Gunakan octree dalam tiga.js untuk melaksanakan perayauan orang ketiga di dalam bilik dan tambahkan perlanggaran ...

See all articles