Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html><meta charset="utf-8"><meta name="viewport" content="width=device-width"><title>RTL chinese</title>
<style>
@font-face {
    font-family: "zh-calligraph";
    src: url("//db.onlinewebfonts.com/t/7aa3f81330f5a7b83f691ce6789a8730.woff2") format("woff2"),
    url("//db.onlinewebfonts.com/t/7aa3f81330f5a7b83f691ce6789a8730.woff") format("woff"),
    url("//db.onlinewebfonts.com/t/7aa3f81330f5a7b83f691ce6789a8730.ttf") format("truetype");
}
body { background: #200000;} label {color: white;}
#rtl:checked + h1 {
    unicode-bidi: bidi-override;
    direction: rtl; 
}
h1 {
    font-family: zh-calligraph, "XingKai TC", simkai, serif;
    font-size: 20vmin;
    text-align: center;
    border: solid;
    color: gold; background: #410;
    text-shadow: 2px 5px 5px black; box-shadow: 2px 5px 5px black;
    -webkit-text-stroke: 0.01em orange;
    width: 4.5em; margin: 25vh auto 0;
    font-synthesis: none;
}
@supports not (font-synthesis:none) {h1{font-weight:normal;}}
</style>
<label for="rtl">RTL</label><input id=rtl type=checkbox checked>
<h1 lang=zh>澤施四海</h1>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
frivoalpro
0viewers