THL Toolbox > Developers' Zone > Web-development > Making Web Pages In Tibetan Unicode > Modifying CSS For Tibetan Machine Unicode Pages
Modifying CSS For Tibetan Machine Unicode Pages
Contributor(s):
HTML pages that use the Tibetan Machine Unicode font and THL's CSS styles require some tweaking in order to work with Firefox. You can follow the principles in the example below to modify the style declaration in the header. Especially important for Tibetan Machine Unicode in Firefox is that the text not be justified, hence the "text-align:left!important" property.
Note that the following examples are not necessarily ones that should be in your HTML page. They are just examples of properties that may want to be addressed for Tibetan HTML.
<style type="text/css">
.tib {
font-family: "Tibetan Machine Uni"!important;
font-size: 14pt; line-height: 22pt;
text-align: left!important;
}
.tibBtn {
font-family: "Tibetan Machine Uni"!important;
font-size: 16pt; line-height: 22pt;
text-align: left!important;
}
#breadcrumbs {
font-family: "Tibetan Machine Uni"!important;
font-size: 12pt !important;
line-height: 20pt;
}
#main.text-heavy {
max-width: 750px;
}
</style>
An example for testing
<p class="tib">ལྷ་ས</p>
A text input box that accepts Tibetan Unicode
Title:
(<input type="text" class="tibBtn" name="tibTitle" value="ལྷ་ས"/>)
A submit button with a Tibetan value
(<input value="སྨྱན་གཟུགས་ཁ་བྱང་།" class="tibBtn" type="submit"/>)
