michael@0: body { margin: 10px; }
michael@0: 
michael@0: @font-face {
michael@0:   font-family: gsub-test;
michael@0:   src: url(../fonts/gsubtest/gsubtest-lookup3.otf);
michael@0: }
michael@0: 
michael@0: td.prop {
michael@0:   font-family: Menlo, monospace;
michael@0:   font-weight: normal;
michael@0:   text-align: left;
michael@0:   font-size: 80%;
michael@0: }
michael@0: 
michael@0: td.features {
michael@0:   font-family: gsub-test;
michael@0: }
michael@0: 
michael@0: .invalid {
michael@0:   color: red;
michael@0: }
michael@0: 
michael@0: @font-feature-values gsub-test {
michael@0:   @styleset { ok-alt-a: 1 3 5; ok-alt-b: 19; }
michael@0:   @character-variant { ok-1: 78 2; }
michael@0:   @character-variant { ok-3: 23; }
michael@0:   @character-variant { not-good: 0 2; }
michael@0:   @annotation { ok-4: 1; }
michael@0:   @annotation { bogus-font-doesnt-support: 23; }
michael@0:   @annotation { circled: 1; }
michael@0:   @character-variant { multi-def: 4; }
michael@0:   @annotation { multi-def: 3; }
michael@0:   @styleset { multi-def2: 3 4 5; }
michael@0:   @styleset { MULTI-def2: 2 6; }
michael@0:   @styleset { out-of-bounds1: 0; out-of-bounds2: 100; }
michael@0: }
michael@0: 
michael@0: @font-feature-values bogus-family {
michael@0:   @styleset { bogus: 3 4 7; }
michael@0: }
michael@0: 
michael@0: @font-feature-values GSUB-tEsT {
michael@0:   @styleset { mixed-case: 3 4 7; }
michael@0: }
michael@0: 
michael@0: @font-feature-values gSuB-tEsT {
michael@0:   @styleset { 3blah: 1 3; }
michael@0: }
michael@0: 
michael@0: @font-feature-values gSuB-tEsT {
michael@0:   @styleset { moxie: 14; }
michael@0:   @styleset { 3blah: 1; }
michael@0: }
michael@0: 
michael@0: @font-feature-values gSUB-TeST {
michael@0:   @styleset { moxie2: 14; }
michael@0:   @bongo { blah: 1; }
michael@0: }
michael@0: 
michael@0: @font-feature-values gSUB-TEst {
michael@0:   @bongo { blah2: 1; }
michael@0:   @styleset { moxie3: 14; }
michael@0: }