mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-26 11:45:37 +00:00
23 lines
1.1 KiB
HTML
23 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<style>
|
|
@font-face { font-family: Charis; src: url(../fonts/sil/CharisSIL-R.ttf); }
|
|
div { writing-mode: vertical-rl; text-orientation: upright; }
|
|
p { position: absolute; top: 50px; color: red; }
|
|
.times { font: 36px Times New Roman, DejaVu Serif, serif; letter-spacing: .25em; left: 50px; }
|
|
.arial { font: 36px Arial, DejaVu Sans, sans-serif; letter-spacing: .25em; left: 150px; }
|
|
.charis { font: 36px Charis, serif; letter-spacing: .25em; left: 250px; }
|
|
.overlay { color: transparent; background: green; }
|
|
</style>
|
|
|
|
Red diacritics should <i>not</i> extend beyond the green boxes:
|
|
|
|
<div>
|
|
<p class="times"> A̕ḅ̩c̭d̅ẻ̆̈
|
|
<p class="times overlay"> A̕ḅ̩c̭d̅ẻ̆̈
|
|
<p class="arial"> A̕ḅ̩c̭d̅ẻ̆̈
|
|
<p class="arial overlay"> A̕ḅ̩c̭d̅ẻ̆̈
|
|
<p class="charis"> A̕ḅ̩c̭d̅ẻ̆̈
|
|
<p class="charis overlay"> A̕ḅ̩c̭d̅ẻ̆̈
|
|
</div>
|