HTML 轻松显示蒙古文

最新推荐文章于 2022-10-10 18:46:50 发布

ᠠᠮᠢᠨ

最新推荐文章于 2022-10-10 18:46:50 发布

阅读量2.3k

点赞数 1

分类专栏： HTML 文章标签： web css3 html 蒙古文

本文链接：https://blog.csdn.net/uljisang/article/details/100575934

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

蒙古文拼写：以词为单位竖写，词与词之间用空格分开，采取从上到下的书序，从左到右的行序。

** 感觉显示挺复杂，其实很简单 ...

css关键属性

writing-mode:vertical-lr 
-webkit-text-orientation: sideways-right;

完整代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>蒙古文显示</title>
</head>

<body>
    <label class="mgl-v">ᠠᠮᠢᠨ ᠭᠡᠳᠡᠭ ᠵᠠᠯᠠᠭᠤ ᠪᠣᠯ ᠭᠣᠶᠤ ᠵᠠᠯᠠᠭᠤ᠂ ᠡᠨᠡ ᠪᠣᠯ ᠬᠡᠨ ᠴᠦ ᠭᠡᠳ ᠬᠤᠪᠢᠷᠠᠭᠠᠵᠦ ᠳᠡᠢᠯᠬᠦ ᠦᠭᠡᠢ ᠪᠣᠯᠤᠭᠰᠠᠨ ᠪᠤᠳᠠᠳᠤ ᠤᠴᠢᠷ ᠰᠢᠦ᠃</label>
</body>
<style>
    .mgl-v {
        height: 130pt;
        font-size: 20px;
        font-style: normal;
        font-family: 'mnglxingshuotf';
        writing-mode: vertical-lr;
        -webkit-text-orientation: sideways-right;
    }

    @font-face {
        font-family: 'mnglxingshuotf';
        src: url(mnglxingshuotf.ttf) format("truetype");
    }
</style>

</html>

上面代码的显示结果：

蒙古文字体到蒙科立公司或得力海公司官网下载。

ᠠᠮᠢᠨ

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
1
评论
HTML 轻松显示蒙古文

蒙古文拼写：以词为单位竖写，词与词之间用空格分开，采取从上到下的书序，从左到右的行序。** 感觉显示挺复杂，其实很简单 ...css关键属性writing-mode:vertical-lr完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UT...
复制链接

扫一扫