summaryrefslogtreecommitdiffstats
path: root/testfiles/rendering_tests/text-glyphs-combining.svg
blob: 646ee05113996898f34018c31b84bbfef22a62c0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
  xmlns="http://www.w3.org/2000/svg"
  xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  width="100%"
  height="100%"
  viewBox="0 0 600 600">

  <style type="text/css">

    @font-face {
      font-family: "Noto Sans";
      src: url("fonts/NotoSans-Regular.ttf");
    }

    text {
      font-family: "Noto Sans";
      font-size: 30px;
    }

  </style>

  <rect x="0" y="0" width="600" height="600" style="fill:white"/>

  <text x="25%" y="10%">õőo̓ơọo̫o̳o̻o̓o͋o͗o͡</text>
  <text x="25%" y="25%" style="writing-mode:vertical-lr">õőo̓ơọo̫o̳o̻o̓o͋o͗o͡</text>
  <text x="50%" y="25%" style="writing-mode:vertical-lr;text-orientation:upright">õőo̓ơọo̫o̳o̻o̓o͋o͗o͡</text>
  <text x="75%" y="25%" style="writing-mode:vertical-lr;text-orientation:sideways">õőo̓ơọo̫o̳o̻o̓o͋o͗o͡</text>

  <!-- Show reference point -->
  <circle cx="25%" cy="10%" r="2" style="fill:lightblue"/>
  <circle cx="25%" cy="25%" r="2" style="fill:lightblue"/>
  <circle cx="50%" cy="25%" r="2" style="fill:lightblue"/>
  <circle cx="75%" cy="25%" r="2" style="fill:lightblue"/>

</svg>