【蒙古文】：传统蒙古语网页显示方法

最新推荐文章于 2024-07-03 12:01:14 发布

wangjianming555

最新推荐文章于 2024-07-03 12:01:14 发布

阅读量1.1k

点赞数

分类专栏：蒙古语文章标签：程序人生 ui 人机交互设计语言

本文链接：https://blog.csdn.net/wangjianming555/article/details/127250082

版权

蒙古语专栏收录该内容

1 篇文章 0 订阅

订阅专栏

为了网页显示传统蒙古语，必须做一些前期的准备，就是字体，输入法操作系统自带，也有对应的字体。但是，网页显示必须在网页中引入响应的字体库。字体库有：MongolianWhite.eot，MongolianWhite.ttf，MongolianWhite.woff三个字体文件。

然后在css中创建对应的字体：

@charset "utf-8";
@font-face {
    font-family: 'Mongolian White';
    src: url(fonts/MongolianWhite.eot?#iefix) format('embedded-opentype'), url('fonts/MongolianWhite.ttf') format('truetype'), url("fonts/MongolianWhite.woff") format('woff'), url('fonts/MongolianWhite.svg#nadisn') format('svg');
}

在网页中引入css文件。

在HTML标签的css中，设置一下css属性的设置：

.container{
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left:0px;
  background-color: #efefef;
  padding:20px 10px 20px 10px;
  writing-mode:vertical-lr;
  -webkit-writing-mode:vertical-lr;
  -moz-writing-mode:vertical-lr;
  -o-writing-mode:vertical-lr;
  -ms-writing-mode:tb-lr;
  font-family: 'Mongolian White';
}

关键属性是：writing-mode:vertical-lr; 竖写模式。之后就是字体设置即可。

在HTML中输入文本即可：ᠴᠠᠭᠠᠨ ᠲᠢᠭ᠌。