archive/inter-font
Archived
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web/lab: remove text-rendering and add text-decoration control

Browse source
This commit is contained in:
Rasmus Andersson 2018-02-15 09:48:22 -08:00
parent ec3dcaaca3
commit b306e27aab
1 changed files with 12 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

22
docs/lab/index.html
View file

@ -1125,9 +1125,9 @@ document.head.appendChild(fontCSS)
<label class="label-and-value"> <label class="label-and-value">
<span>Anti-alias:</span> <span>Anti-alias:</span>
<select name="antialias"> <select name="antialias">
<option value="default" selected>Default</option> <option value="greyscale" selected>Greyscale</option>
<option value="subpixel">Subpixel</option> <option value="subpixel">Subpixel</option>
<option value="greyscale">Greyscale</option> <option value="default">Browser default</option>
</select> </select>
</label> </label>
@ -1167,12 +1167,14 @@ document.head.appendChild(fontCSS)
</select></label> </select></label>
<label class="label-and-value"> <label class="label-and-value">
<span>text-rendering:</span> <span>text-decoration:</span>
<select name="text-rendering"> <select name="text-decoration">
<option value="auto" selected>auto</option> <option value="none" selected>none</option>
<option value="optimizeSpeed">optimizeSpeed</option> <option value="underline">underline</option>
<option value="optimizeLegibility">optimizeLegibility</option> <option value="overline">overline</option>
<option value="geometricPrecision">geometricPrecision</option> <option value="underline overline">underline &amp; overline</option>
<option value="line-through">line-through</option>
<option value="wavy underline">wavy underline</option>
</select></label> </select></label>
<label class="label-and-value"> <label class="label-and-value">
@ -1717,8 +1719,8 @@ function main() {
spaaSelect.e.parentElement.title = 'In Chrome, visit chrome:flags#lcd-text-aa to disable' spaaSelect.e.parentElement.title = 'In Chrome, visit chrome:flags#lcd-text-aa to disable'
} }
vars.bind('text-rendering', (e, v) => { vars.bind('text-decoration', (e, v) => {
setVendorPrefixedCSSProp('text-rendering', e.value = v) setVendorPrefixedCSSProp('text-decoration', e.value = v)
}) })
vars.bind('text-transform', (e, v) => { vars.bind('text-transform', (e, v) => {