<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Test: feature property settings are resolved in the correct order for 'liga'.</title>
<link rel="author" title="Ben Wagner" href="[email protected]" />
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#feature-precedence" />
<style>
@font-face {
font-family: lato-ffs-;
src: url(support/fonts/Lato-Medium-Liga.ttf);
}
.test, .ref {
font-family: lato-ffs-;
font-size: 2em;
position: absolute;
}
.test { color: green; }
.ref { color: red; }
.align { width: 1em; }
.ls-0 { letter-spacing: 0em; }
.ls-1 { letter-spacing: 0.1em; }
</style>
</head>
<body>
<p>Test passes if there is no red visible.</p>
<table class="ref"><tr>
<td class="align ff- fvl- ls- ffs- ">fi</td>
<td class="align ff- fvl- ls- ffs-n">fi</td>
<td class="align ff- fvl- ls- ffs-0">f‌i</td>
<td class="align ff- fvl- ls- ffs-1">fi</td>
<td class="align ff- fvl- ls-0 ffs- ">fi</td>
<td class="align ff- fvl- ls-0 ffs-n">fi</td>
<td class="align ff- fvl- ls-0 ffs-0">f‌i</td>
<td class="align ff- fvl- ls-0 ffs-1">fi</td>
<td class="align ff- fvl- ls-1 ffs- ">f‌i</td>
<td class="align ff- fvl- ls-1 ffs-n">f‌i</td>
<td class="align ff- fvl- ls-1 ffs-0">f‌i</td>
<td class="align ff- fvl- ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff- fvl-n ls- ffs- ">fi</td>
<td class="align ff- fvl-n ls- ffs-n">fi</td>
<td class="align ff- fvl-n ls- ffs-0">f‌i</td>
<td class="align ff- fvl-n ls- ffs-1">fi</td>
<td class="align ff- fvl-n ls-0 ffs- ">fi</td>
<td class="align ff- fvl-n ls-0 ffs-n">fi</td>
<td class="align ff- fvl-n ls-0 ffs-0">f‌i</td>
<td class="align ff- fvl-n ls-0 ffs-1">fi</td>
<td class="align ff- fvl-n ls-1 ffs- ">f‌i</td>
<td class="align ff- fvl-n ls-1 ffs-n">f‌i</td>
<td class="align ff- fvl-n ls-1 ffs-0">f‌i</td>
<td class="align ff- fvl-n ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff- fvl-0 ls- ffs- ">f‌i</td>
<td class="align ff- fvl-0 ls- ffs-n">f‌i</td>
<td class="align ff- fvl-0 ls- ffs-0">f‌i</td>
<td class="align ff- fvl-0 ls- ffs-1">fi</td>
<td class="align ff- fvl-0 ls-0 ffs- ">f‌i</td>
<td class="align ff- fvl-0 ls-0 ffs-n">f‌i</td>
<td class="align ff- fvl-0 ls-0 ffs-0">f‌i</td>
<td class="align ff- fvl-0 ls-0 ffs-1">fi</td>
<td class="align ff- fvl-0 ls-1 ffs- ">f‌i</td>
<td class="align ff- fvl-0 ls-1 ffs-n">f‌i</td>
<td class="align ff- fvl-0 ls-1 ffs-0">f‌i</td>
<td class="align ff- fvl-0 ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff- fvl-1 ls- ffs- ">fi</td>
<td class="align ff- fvl-1 ls- ffs-n">fi</td>
<td class="align ff- fvl-1 ls- ffs-0">f‌i</td>
<td class="align ff- fvl-1 ls- ffs-1">fi</td>
<td class="align ff- fvl-1 ls-0 ffs- ">fi</td>
<td class="align ff- fvl-1 ls-0 ffs-n">fi</td>
<td class="align ff- fvl-1 ls-0 ffs-0">f‌i</td>
<td class="align ff- fvl-1 ls-0 ffs-1">fi</td>
<td class="align ff- fvl-1 ls-1 ffs- ">f‌i</td>
<td class="align ff- fvl-1 ls-1 ffs-n">f‌i</td>
<td class="align ff- fvl-1 ls-1 ffs-0">f‌i</td>
<td class="align ff- fvl-1 ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-0 fvl- ls- ffs- ">f‌i</td>
<td class="align ff-0 fvl- ls- ffs-n">f‌i</td>
<td class="align ff-0 fvl- ls- ffs-0">f‌i</td>
<td class="align ff-0 fvl- ls- ffs-1">fi</td>
<td class="align ff-0 fvl- ls-0 ffs- ">f‌i</td>
<td class="align ff-0 fvl- ls-0 ffs-n">f‌i</td>
<td class="align ff-0 fvl- ls-0 ffs-0">f‌i</td>
<td class="align ff-0 fvl- ls-0 ffs-1">fi</td>
<td class="align ff-0 fvl- ls-1 ffs- ">f‌i</td>
<td class="align ff-0 fvl- ls-1 ffs-n">f‌i</td>
<td class="align ff-0 fvl- ls-1 ffs-0">f‌i</td>
<td class="align ff-0 fvl- ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-0 fvl-n ls- ffs- ">f‌i</td>
<td class="align ff-0 fvl-n ls- ffs-n">f‌i</td>
<td class="align ff-0 fvl-n ls- ffs-0">f‌i</td>
<td class="align ff-0 fvl-n ls- ffs-1">fi</td>
<td class="align ff-0 fvl-n ls-0 ffs- ">f‌i</td>
<td class="align ff-0 fvl-n ls-0 ffs-n">f‌i</td>
<td class="align ff-0 fvl-n ls-0 ffs-0">f‌i</td>
<td class="align ff-0 fvl-n ls-0 ffs-1">fi</td>
<td class="align ff-0 fvl-n ls-1 ffs- ">f‌i</td>
<td class="align ff-0 fvl-n ls-1 ffs-n">f‌i</td>
<td class="align ff-0 fvl-n ls-1 ffs-0">f‌i</td>
<td class="align ff-0 fvl-n ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-0 fvl-0 ls- ffs- ">f‌i</td>
<td class="align ff-0 fvl-0 ls- ffs-n">f‌i</td>
<td class="align ff-0 fvl-0 ls- ffs-0">f‌i</td>
<td class="align ff-0 fvl-0 ls- ffs-1">fi</td>
<td class="align ff-0 fvl-0 ls-0 ffs- ">f‌i</td>
<td class="align ff-0 fvl-0 ls-0 ffs-n">f‌i</td>
<td class="align ff-0 fvl-0 ls-0 ffs-0">f‌i</td>
<td class="align ff-0 fvl-0 ls-0 ffs-1">fi</td>
<td class="align ff-0 fvl-0 ls-1 ffs- ">f‌i</td>
<td class="align ff-0 fvl-0 ls-1 ffs-n">f‌i</td>
<td class="align ff-0 fvl-0 ls-1 ffs-0">f‌i</td>
<td class="align ff-0 fvl-0 ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-0 fvl-1 ls- ffs- ">fi</td>
<td class="align ff-0 fvl-1 ls- ffs-n">fi</td>
<td class="align ff-0 fvl-1 ls- ffs-0">f‌i</td>
<td class="align ff-0 fvl-1 ls- ffs-1">fi</td>
<td class="align ff-0 fvl-1 ls-0 ffs- ">fi</td>
<td class="align ff-0 fvl-1 ls-0 ffs-n">fi</td>
<td class="align ff-0 fvl-1 ls-0 ffs-0">f‌i</td>
<td class="align ff-0 fvl-1 ls-0 ffs-1">fi</td>
<td class="align ff-0 fvl-1 ls-1 ffs- ">f‌i</td>
<td class="align ff-0 fvl-1 ls-1 ffs-n">f‌i</td>
<td class="align ff-0 fvl-1 ls-1 ffs-0">f‌i</td>
<td class="align ff-0 fvl-1 ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-1 fvl- ls- ffs- ">fi</td>
<td class="align ff-1 fvl- ls- ffs-n">fi</td>
<td class="align ff-1 fvl- ls- ffs-0">f‌i</td>
<td class="align ff-1 fvl- ls- ffs-1">fi</td>
<td class="align ff-1 fvl- ls-0 ffs- ">fi</td>
<td class="align ff-1 fvl- ls-0 ffs-n">fi</td>
<td class="align ff-1 fvl- ls-0 ffs-0">f‌i</td>
<td class="align ff-1 fvl- ls-0 ffs-1">fi</td>
<td class="align ff-1 fvl- ls-1 ffs- ">f‌i</td>
<td class="align ff-1 fvl- ls-1 ffs-n">f‌i</td>
<td class="align ff-1 fvl- ls-1 ffs-0">f‌i</td>
<td class="align ff-1 fvl- ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-1 fvl-n ls- ffs- ">fi</td>
<td class="align ff-1 fvl-n ls- ffs-n">fi</td>
<td class="align ff-1 fvl-n ls- ffs-0">f‌i</td>
<td class="align ff-1 fvl-n ls- ffs-1">fi</td>
<td class="align ff-1 fvl-n ls-0 ffs- ">fi</td>
<td class="align ff-1 fvl-n ls-0 ffs-n">fi</td>
<td class="align ff-1 fvl-n ls-0 ffs-0">f‌i</td>
<td class="align ff-1 fvl-n ls-0 ffs-1">fi</td>
<td class="align ff-1 fvl-n ls-1 ffs- ">f‌i</td>
<td class="align ff-1 fvl-n ls-1 ffs-n">f‌i</td>
<td class="align ff-1 fvl-n ls-1 ffs-0">f‌i</td>
<td class="align ff-1 fvl-n ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-1 fvl-0 ls- ffs- ">f‌i</td>
<td class="align ff-1 fvl-0 ls- ffs-n">f‌i</td>
<td class="align ff-1 fvl-0 ls- ffs-0">f‌i</td>
<td class="align ff-1 fvl-0 ls- ffs-1">fi</td>
<td class="align ff-1 fvl-0 ls-0 ffs- ">f‌i</td>
<td class="align ff-1 fvl-0 ls-0 ffs-n">f‌i</td>
<td class="align ff-1 fvl-0 ls-0 ffs-0">f‌i</td>
<td class="align ff-1 fvl-0 ls-0 ffs-1">fi</td>
<td class="align ff-1 fvl-0 ls-1 ffs- ">f‌i</td>
<td class="align ff-1 fvl-0 ls-1 ffs-n">f‌i</td>
<td class="align ff-1 fvl-0 ls-1 ffs-0">f‌i</td>
<td class="align ff-1 fvl-0 ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-1 fvl-1 ls- ffs- ">fi</td>
<td class="align ff-1 fvl-1 ls- ffs-n">fi</td>
<td class="align ff-1 fvl-1 ls- ffs-0">f‌i</td>
<td class="align ff-1 fvl-1 ls- ffs-1">fi</td>
<td class="align ff-1 fvl-1 ls-0 ffs- ">fi</td>
<td class="align ff-1 fvl-1 ls-0 ffs-n">fi</td>
<td class="align ff-1 fvl-1 ls-0 ffs-0">f‌i</td>
<td class="align ff-1 fvl-1 ls-0 ffs-1">fi</td>
<td class="align ff-1 fvl-1 ls-1 ffs- ">f‌i</td>
<td class="align ff-1 fvl-1 ls-1 ffs-n">f‌i</td>
<td class="align ff-1 fvl-1 ls-1 ffs-0">f‌i</td>
<td class="align ff-1 fvl-1 ls-1 ffs-1">fi</td>
</tr></table>
<table class="test"><tr>
<td class="align ff- fvl- ls- ffs- ">fi</td>
<td class="align ff- fvl- ls- ffs-n">fi</td>
<td class="align ff- fvl- ls- ffs-0">f‌i</td>
<td class="align ff- fvl- ls- ffs-1">fi</td>
<td class="align ff- fvl- ls-0 ffs- ">fi</td>
<td class="align ff- fvl- ls-0 ffs-n">fi</td>
<td class="align ff- fvl- ls-0 ffs-0">f‌i</td>
<td class="align ff- fvl- ls-0 ffs-1">fi</td>
<td class="align ff- fvl- ls-1 ffs- ">f‌i</td>
<td class="align ff- fvl- ls-1 ffs-n">f‌i</td>
<td class="align ff- fvl- ls-1 ffs-0">f‌i</td>
<td class="align ff- fvl- ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff- fvl-n ls- ffs- ">fi</td>
<td class="align ff- fvl-n ls- ffs-n">fi</td>
<td class="align ff- fvl-n ls- ffs-0">f‌i</td>
<td class="align ff- fvl-n ls- ffs-1">fi</td>
<td class="align ff- fvl-n ls-0 ffs- ">fi</td>
<td class="align ff- fvl-n ls-0 ffs-n">fi</td>
<td class="align ff- fvl-n ls-0 ffs-0">f‌i</td>
<td class="align ff- fvl-n ls-0 ffs-1">fi</td>
<td class="align ff- fvl-n ls-1 ffs- ">f‌i</td>
<td class="align ff- fvl-n ls-1 ffs-n">f‌i</td>
<td class="align ff- fvl-n ls-1 ffs-0">f‌i</td>
<td class="align ff- fvl-n ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff- fvl-0 ls- ffs- ">f‌i</td>
<td class="align ff- fvl-0 ls- ffs-n">f‌i</td>
<td class="align ff- fvl-0 ls- ffs-0">f‌i</td>
<td class="align ff- fvl-0 ls- ffs-1">fi</td>
<td class="align ff- fvl-0 ls-0 ffs- ">f‌i</td>
<td class="align ff- fvl-0 ls-0 ffs-n">f‌i</td>
<td class="align ff- fvl-0 ls-0 ffs-0">f‌i</td>
<td class="align ff- fvl-0 ls-0 ffs-1">fi</td>
<td class="align ff- fvl-0 ls-1 ffs- ">f‌i</td>
<td class="align ff- fvl-0 ls-1 ffs-n">f‌i</td>
<td class="align ff- fvl-0 ls-1 ffs-0">f‌i</td>
<td class="align ff- fvl-0 ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff- fvl-1 ls- ffs- ">fi</td>
<td class="align ff- fvl-1 ls- ffs-n">fi</td>
<td class="align ff- fvl-1 ls- ffs-0">f‌i</td>
<td class="align ff- fvl-1 ls- ffs-1">fi</td>
<td class="align ff- fvl-1 ls-0 ffs- ">fi</td>
<td class="align ff- fvl-1 ls-0 ffs-n">fi</td>
<td class="align ff- fvl-1 ls-0 ffs-0">f‌i</td>
<td class="align ff- fvl-1 ls-0 ffs-1">fi</td>
<td class="align ff- fvl-1 ls-1 ffs- ">f‌i</td>
<td class="align ff- fvl-1 ls-1 ffs-n">f‌i</td>
<td class="align ff- fvl-1 ls-1 ffs-0">f‌i</td>
<td class="align ff- fvl-1 ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-0 fvl- ls- ffs- ">f‌i</td>
<td class="align ff-0 fvl- ls- ffs-n">f‌i</td>
<td class="align ff-0 fvl- ls- ffs-0">f‌i</td>
<td class="align ff-0 fvl- ls- ffs-1">fi</td>
<td class="align ff-0 fvl- ls-0 ffs- ">f‌i</td>
<td class="align ff-0 fvl- ls-0 ffs-n">f‌i</td>
<td class="align ff-0 fvl- ls-0 ffs-0">f‌i</td>
<td class="align ff-0 fvl- ls-0 ffs-1">fi</td>
<td class="align ff-0 fvl- ls-1 ffs- ">f‌i</td>
<td class="align ff-0 fvl- ls-1 ffs-n">f‌i</td>
<td class="align ff-0 fvl- ls-1 ffs-0">f‌i</td>
<td class="align ff-0 fvl- ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-0 fvl-n ls- ffs- ">f‌i</td>
<td class="align ff-0 fvl-n ls- ffs-n">f‌i</td>
<td class="align ff-0 fvl-n ls- ffs-0">f‌i</td>
<td class="align ff-0 fvl-n ls- ffs-1">fi</td>
<td class="align ff-0 fvl-n ls-0 ffs- ">f‌i</td>
<td class="align ff-0 fvl-n ls-0 ffs-n">f‌i</td>
<td class="align ff-0 fvl-n ls-0 ffs-0">f‌i</td>
<td class="align ff-0 fvl-n ls-0 ffs-1">fi</td>
<td class="align ff-0 fvl-n ls-1 ffs- ">f‌i</td>
<td class="align ff-0 fvl-n ls-1 ffs-n">f‌i</td>
<td class="align ff-0 fvl-n ls-1 ffs-0">f‌i</td>
<td class="align ff-0 fvl-n ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-0 fvl-0 ls- ffs- ">f‌i</td>
<td class="align ff-0 fvl-0 ls- ffs-n">f‌i</td>
<td class="align ff-0 fvl-0 ls- ffs-0">f‌i</td>
<td class="align ff-0 fvl-0 ls- ffs-1">fi</td>
<td class="align ff-0 fvl-0 ls-0 ffs- ">f‌i</td>
<td class="align ff-0 fvl-0 ls-0 ffs-n">f‌i</td>
<td class="align ff-0 fvl-0 ls-0 ffs-0">f‌i</td>
<td class="align ff-0 fvl-0 ls-0 ffs-1">fi</td>
<td class="align ff-0 fvl-0 ls-1 ffs- ">f‌i</td>
<td class="align ff-0 fvl-0 ls-1 ffs-n">f‌i</td>
<td class="align ff-0 fvl-0 ls-1 ffs-0">f‌i</td>
<td class="align ff-0 fvl-0 ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-0 fvl-1 ls- ffs- ">fi</td>
<td class="align ff-0 fvl-1 ls- ffs-n">fi</td>
<td class="align ff-0 fvl-1 ls- ffs-0">f‌i</td>
<td class="align ff-0 fvl-1 ls- ffs-1">fi</td>
<td class="align ff-0 fvl-1 ls-0 ffs- ">fi</td>
<td class="align ff-0 fvl-1 ls-0 ffs-n">fi</td>
<td class="align ff-0 fvl-1 ls-0 ffs-0">f‌i</td>
<td class="align ff-0 fvl-1 ls-0 ffs-1">fi</td>
<td class="align ff-0 fvl-1 ls-1 ffs- ">f‌i</td>
<td class="align ff-0 fvl-1 ls-1 ffs-n">f‌i</td>
<td class="align ff-0 fvl-1 ls-1 ffs-0">f‌i</td>
<td class="align ff-0 fvl-1 ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-1 fvl- ls- ffs- ">fi</td>
<td class="align ff-1 fvl- ls- ffs-n">fi</td>
<td class="align ff-1 fvl- ls- ffs-0">f‌i</td>
<td class="align ff-1 fvl- ls- ffs-1">fi</td>
<td class="align ff-1 fvl- ls-0 ffs- ">fi</td>
<td class="align ff-1 fvl- ls-0 ffs-n">fi</td>
<td class="align ff-1 fvl- ls-0 ffs-0">f‌i</td>
<td class="align ff-1 fvl- ls-0 ffs-1">fi</td>
<td class="align ff-1 fvl- ls-1 ffs- ">f‌i</td>
<td class="align ff-1 fvl- ls-1 ffs-n">f‌i</td>
<td class="align ff-1 fvl- ls-1 ffs-0">f‌i</td>
<td class="align ff-1 fvl- ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-1 fvl-n ls- ffs- ">fi</td>
<td class="align ff-1 fvl-n ls- ffs-n">fi</td>
<td class="align ff-1 fvl-n ls- ffs-0">f‌i</td>
<td class="align ff-1 fvl-n ls- ffs-1">fi</td>
<td class="align ff-1 fvl-n ls-0 ffs- ">fi</td>
<td class="align ff-1 fvl-n ls-0 ffs-n">fi</td>
<td class="align ff-1 fvl-n ls-0 ffs-0">f‌i</td>
<td class="align ff-1 fvl-n ls-0 ffs-1">fi</td>
<td class="align ff-1 fvl-n ls-1 ffs- ">f‌i</td>
<td class="align ff-1 fvl-n ls-1 ffs-n">f‌i</td>
<td class="align ff-1 fvl-n ls-1 ffs-0">f‌i</td>
<td class="align ff-1 fvl-n ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-1 fvl-0 ls- ffs- ">f‌i</td>
<td class="align ff-1 fvl-0 ls- ffs-n">f‌i</td>
<td class="align ff-1 fvl-0 ls- ffs-0">f‌i</td>
<td class="align ff-1 fvl-0 ls- ffs-1">fi</td>
<td class="align ff-1 fvl-0 ls-0 ffs- ">f‌i</td>
<td class="align ff-1 fvl-0 ls-0 ffs-n">f‌i</td>
<td class="align ff-1 fvl-0 ls-0 ffs-0">f‌i</td>
<td class="align ff-1 fvl-0 ls-0 ffs-1">fi</td>
<td class="align ff-1 fvl-0 ls-1 ffs- ">f‌i</td>
<td class="align ff-1 fvl-0 ls-1 ffs-n">f‌i</td>
<td class="align ff-1 fvl-0 ls-1 ffs-0">f‌i</td>
<td class="align ff-1 fvl-0 ls-1 ffs-1">fi</td>
</tr><tr>
<td class="align ff-1 fvl-1 ls- ffs- ">fi</td>
<td class="align ff-1 fvl-1 ls- ffs-n">fi</td>
<td class="align ff-1 fvl-1 ls- ffs-0">f‌i</td>
<td class="align ff-1 fvl-1 ls- ffs-1">fi</td>
<td class="align ff-1 fvl-1 ls-0 ffs- ">fi</td>
<td class="align ff-1 fvl-1 ls-0 ffs-n">fi</td>
<td class="align ff-1 fvl-1 ls-0 ffs-0">f‌i</td>
<td class="align ff-1 fvl-1 ls-0 ffs-1">fi</td>
<td class="align ff-1 fvl-1 ls-1 ffs- ">f‌i</td>
<td class="align ff-1 fvl-1 ls-1 ffs-n">f‌i</td>
<td class="align ff-1 fvl-1 ls-1 ffs-0">f‌i</td>
<td class="align ff-1 fvl-1 ls-1 ffs-1">fi</td>
</tr></table>
</body>
</html>