<!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 'dlig'.</title> <link rel="author" title="Ben Wagner" href="bungeman@chromium.org" /> <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- ">s‌t</td> <td class="align ff- fvl- ls- ffs-n">s‌t</td> <td class="align ff- fvl- ls- ffs-0">s‌t</td> <td class="align ff- fvl- ls- ffs-1">st</td> <td class="align ff- fvl- ls-0 ffs- ">s‌t</td> <td class="align ff- fvl- ls-0 ffs-n">s‌t</td> <td class="align ff- fvl- ls-0 ffs-0">s‌t</td> <td class="align ff- fvl- ls-0 ffs-1">st</td> <td class="align ff- fvl- ls-1 ffs- ">s‌t</td> <td class="align ff- fvl- ls-1 ffs-n">s‌t</td> <td class="align ff- fvl- ls-1 ffs-0">s‌t</td> <td class="align ff- fvl- ls-1 ffs-1">st</td> </tr><tr> <td class="align ff- fvl-n ls- ffs- ">s‌t</td> <td class="align ff- fvl-n ls- ffs-n">s‌t</td> <td class="align ff- fvl-n ls- ffs-0">s‌t</td> <td class="align ff- fvl-n ls- ffs-1">st</td> <td class="align ff- fvl-n ls-0 ffs- ">s‌t</td> <td class="align ff- fvl-n ls-0 ffs-n">s‌t</td> <td class="align ff- fvl-n ls-0 ffs-0">s‌t</td> <td class="align ff- fvl-n ls-0 ffs-1">st</td> <td class="align ff- fvl-n ls-1 ffs- ">s‌t</td> <td class="align ff- fvl-n ls-1 ffs-n">s‌t</td> <td class="align ff- fvl-n ls-1 ffs-0">s‌t</td> <td class="align ff- fvl-n ls-1 ffs-1">st</td> </tr><tr> <td class="align ff- fvl-0 ls- ffs- ">s‌t</td> <td class="align ff- fvl-0 ls- ffs-n">s‌t</td> <td class="align ff- fvl-0 ls- ffs-0">s‌t</td> <td class="align ff- fvl-0 ls- ffs-1">st</td> <td class="align ff- fvl-0 ls-0 ffs- ">s‌t</td> <td class="align ff- fvl-0 ls-0 ffs-n">s‌t</td> <td class="align ff- fvl-0 ls-0 ffs-0">s‌t</td> <td class="align ff- fvl-0 ls-0 ffs-1">st</td> <td class="align ff- fvl-0 ls-1 ffs- ">s‌t</td> <td class="align ff- fvl-0 ls-1 ffs-n">s‌t</td> <td class="align ff- fvl-0 ls-1 ffs-0">s‌t</td> <td class="align ff- fvl-0 ls-1 ffs-1">st</td> </tr><tr> <td class="align ff- fvl-1 ls- ffs- ">st</td> <td class="align ff- fvl-1 ls- ffs-n">st</td> <td class="align ff- fvl-1 ls- ffs-0">s‌t</td> <td class="align ff- fvl-1 ls- ffs-1">st</td> <td class="align ff- fvl-1 ls-0 ffs- ">st</td> <td class="align ff- fvl-1 ls-0 ffs-n">st</td> <td class="align ff- fvl-1 ls-0 ffs-0">s‌t</td> <td class="align ff- fvl-1 ls-0 ffs-1">st</td> <td class="align ff- fvl-1 ls-1 ffs- ">s‌t</td> <td class="align ff- fvl-1 ls-1 ffs-n">s‌t</td> <td class="align ff- fvl-1 ls-1 ffs-0">s‌t</td> <td class="align ff- fvl-1 ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-0 fvl- ls- ffs- ">s‌t</td> <td class="align ff-0 fvl- ls- ffs-n">s‌t</td> <td class="align ff-0 fvl- ls- ffs-0">s‌t</td> <td class="align ff-0 fvl- ls- ffs-1">st</td> <td class="align ff-0 fvl- ls-0 ffs- ">s‌t</td> <td class="align ff-0 fvl- ls-0 ffs-n">s‌t</td> <td class="align ff-0 fvl- ls-0 ffs-0">s‌t</td> <td class="align ff-0 fvl- ls-0 ffs-1">st</td> <td class="align ff-0 fvl- ls-1 ffs- ">s‌t</td> <td class="align ff-0 fvl- ls-1 ffs-n">s‌t</td> <td class="align ff-0 fvl- ls-1 ffs-0">s‌t</td> <td class="align ff-0 fvl- ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-0 fvl-n ls- ffs- ">s‌t</td> <td class="align ff-0 fvl-n ls- ffs-n">s‌t</td> <td class="align ff-0 fvl-n ls- ffs-0">s‌t</td> <td class="align ff-0 fvl-n ls- ffs-1">st</td> <td class="align ff-0 fvl-n ls-0 ffs- ">s‌t</td> <td class="align ff-0 fvl-n ls-0 ffs-n">s‌t</td> <td class="align ff-0 fvl-n ls-0 ffs-0">s‌t</td> <td class="align ff-0 fvl-n ls-0 ffs-1">st</td> <td class="align ff-0 fvl-n ls-1 ffs- ">s‌t</td> <td class="align ff-0 fvl-n ls-1 ffs-n">s‌t</td> <td class="align ff-0 fvl-n ls-1 ffs-0">s‌t</td> <td class="align ff-0 fvl-n ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-0 fvl-0 ls- ffs- ">s‌t</td> <td class="align ff-0 fvl-0 ls- ffs-n">s‌t</td> <td class="align ff-0 fvl-0 ls- ffs-0">s‌t</td> <td class="align ff-0 fvl-0 ls- ffs-1">st</td> <td class="align ff-0 fvl-0 ls-0 ffs- ">s‌t</td> <td class="align ff-0 fvl-0 ls-0 ffs-n">s‌t</td> <td class="align ff-0 fvl-0 ls-0 ffs-0">s‌t</td> <td class="align ff-0 fvl-0 ls-0 ffs-1">st</td> <td class="align ff-0 fvl-0 ls-1 ffs- ">s‌t</td> <td class="align ff-0 fvl-0 ls-1 ffs-n">s‌t</td> <td class="align ff-0 fvl-0 ls-1 ffs-0">s‌t</td> <td class="align ff-0 fvl-0 ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-0 fvl-1 ls- ffs- ">st</td> <td class="align ff-0 fvl-1 ls- ffs-n">st</td> <td class="align ff-0 fvl-1 ls- ffs-0">s‌t</td> <td class="align ff-0 fvl-1 ls- ffs-1">st</td> <td class="align ff-0 fvl-1 ls-0 ffs- ">st</td> <td class="align ff-0 fvl-1 ls-0 ffs-n">st</td> <td class="align ff-0 fvl-1 ls-0 ffs-0">s‌t</td> <td class="align ff-0 fvl-1 ls-0 ffs-1">st</td> <td class="align ff-0 fvl-1 ls-1 ffs- ">s‌t</td> <td class="align ff-0 fvl-1 ls-1 ffs-n">s‌t</td> <td class="align ff-0 fvl-1 ls-1 ffs-0">s‌t</td> <td class="align ff-0 fvl-1 ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-1 fvl- ls- ffs- ">st</td> <td class="align ff-1 fvl- ls- ffs-n">st</td> <td class="align ff-1 fvl- ls- ffs-0">s‌t</td> <td class="align ff-1 fvl- ls- ffs-1">st</td> <td class="align ff-1 fvl- ls-0 ffs- ">st</td> <td class="align ff-1 fvl- ls-0 ffs-n">st</td> <td class="align ff-1 fvl- ls-0 ffs-0">s‌t</td> <td class="align ff-1 fvl- ls-0 ffs-1">st</td> <td class="align ff-1 fvl- ls-1 ffs- ">s‌t</td> <td class="align ff-1 fvl- ls-1 ffs-n">s‌t</td> <td class="align ff-1 fvl- ls-1 ffs-0">s‌t</td> <td class="align ff-1 fvl- ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-1 fvl-n ls- ffs- ">st</td> <td class="align ff-1 fvl-n ls- ffs-n">st</td> <td class="align ff-1 fvl-n ls- ffs-0">s‌t</td> <td class="align ff-1 fvl-n ls- ffs-1">st</td> <td class="align ff-1 fvl-n ls-0 ffs- ">st</td> <td class="align ff-1 fvl-n ls-0 ffs-n">st</td> <td class="align ff-1 fvl-n ls-0 ffs-0">s‌t</td> <td class="align ff-1 fvl-n ls-0 ffs-1">st</td> <td class="align ff-1 fvl-n ls-1 ffs- ">s‌t</td> <td class="align ff-1 fvl-n ls-1 ffs-n">s‌t</td> <td class="align ff-1 fvl-n ls-1 ffs-0">s‌t</td> <td class="align ff-1 fvl-n ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-1 fvl-0 ls- ffs- ">s‌t</td> <td class="align ff-1 fvl-0 ls- ffs-n">s‌t</td> <td class="align ff-1 fvl-0 ls- ffs-0">s‌t</td> <td class="align ff-1 fvl-0 ls- ffs-1">st</td> <td class="align ff-1 fvl-0 ls-0 ffs- ">s‌t</td> <td class="align ff-1 fvl-0 ls-0 ffs-n">s‌t</td> <td class="align ff-1 fvl-0 ls-0 ffs-0">s‌t</td> <td class="align ff-1 fvl-0 ls-0 ffs-1">st</td> <td class="align ff-1 fvl-0 ls-1 ffs- ">s‌t</td> <td class="align ff-1 fvl-0 ls-1 ffs-n">s‌t</td> <td class="align ff-1 fvl-0 ls-1 ffs-0">s‌t</td> <td class="align ff-1 fvl-0 ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-1 fvl-1 ls- ffs- ">st</td> <td class="align ff-1 fvl-1 ls- ffs-n">st</td> <td class="align ff-1 fvl-1 ls- ffs-0">s‌t</td> <td class="align ff-1 fvl-1 ls- ffs-1">st</td> <td class="align ff-1 fvl-1 ls-0 ffs- ">st</td> <td class="align ff-1 fvl-1 ls-0 ffs-n">st</td> <td class="align ff-1 fvl-1 ls-0 ffs-0">s‌t</td> <td class="align ff-1 fvl-1 ls-0 ffs-1">st</td> <td class="align ff-1 fvl-1 ls-1 ffs- ">s‌t</td> <td class="align ff-1 fvl-1 ls-1 ffs-n">s‌t</td> <td class="align ff-1 fvl-1 ls-1 ffs-0">s‌t</td> <td class="align ff-1 fvl-1 ls-1 ffs-1">st</td> </tr></table> <table class="test"><tr> <td class="align ff- fvl- ls- ffs- ">s‌t</td> <td class="align ff- fvl- ls- ffs-n">s‌t</td> <td class="align ff- fvl- ls- ffs-0">s‌t</td> <td class="align ff- fvl- ls- ffs-1">st</td> <td class="align ff- fvl- ls-0 ffs- ">s‌t</td> <td class="align ff- fvl- ls-0 ffs-n">s‌t</td> <td class="align ff- fvl- ls-0 ffs-0">s‌t</td> <td class="align ff- fvl- ls-0 ffs-1">st</td> <td class="align ff- fvl- ls-1 ffs- ">s‌t</td> <td class="align ff- fvl- ls-1 ffs-n">s‌t</td> <td class="align ff- fvl- ls-1 ffs-0">s‌t</td> <td class="align ff- fvl- ls-1 ffs-1">st</td> </tr><tr> <td class="align ff- fvl-n ls- ffs- ">s‌t</td> <td class="align ff- fvl-n ls- ffs-n">s‌t</td> <td class="align ff- fvl-n ls- ffs-0">s‌t</td> <td class="align ff- fvl-n ls- ffs-1">st</td> <td class="align ff- fvl-n ls-0 ffs- ">s‌t</td> <td class="align ff- fvl-n ls-0 ffs-n">s‌t</td> <td class="align ff- fvl-n ls-0 ffs-0">s‌t</td> <td class="align ff- fvl-n ls-0 ffs-1">st</td> <td class="align ff- fvl-n ls-1 ffs- ">s‌t</td> <td class="align ff- fvl-n ls-1 ffs-n">s‌t</td> <td class="align ff- fvl-n ls-1 ffs-0">s‌t</td> <td class="align ff- fvl-n ls-1 ffs-1">st</td> </tr><tr> <td class="align ff- fvl-0 ls- ffs- ">s‌t</td> <td class="align ff- fvl-0 ls- ffs-n">s‌t</td> <td class="align ff- fvl-0 ls- ffs-0">s‌t</td> <td class="align ff- fvl-0 ls- ffs-1">st</td> <td class="align ff- fvl-0 ls-0 ffs- ">s‌t</td> <td class="align ff- fvl-0 ls-0 ffs-n">s‌t</td> <td class="align ff- fvl-0 ls-0 ffs-0">s‌t</td> <td class="align ff- fvl-0 ls-0 ffs-1">st</td> <td class="align ff- fvl-0 ls-1 ffs- ">s‌t</td> <td class="align ff- fvl-0 ls-1 ffs-n">s‌t</td> <td class="align ff- fvl-0 ls-1 ffs-0">s‌t</td> <td class="align ff- fvl-0 ls-1 ffs-1">st</td> </tr><tr> <td class="align ff- fvl-1 ls- ffs- ">st</td> <td class="align ff- fvl-1 ls- ffs-n">st</td> <td class="align ff- fvl-1 ls- ffs-0">s‌t</td> <td class="align ff- fvl-1 ls- ffs-1">st</td> <td class="align ff- fvl-1 ls-0 ffs- ">st</td> <td class="align ff- fvl-1 ls-0 ffs-n">st</td> <td class="align ff- fvl-1 ls-0 ffs-0">s‌t</td> <td class="align ff- fvl-1 ls-0 ffs-1">st</td> <td class="align ff- fvl-1 ls-1 ffs- ">s‌t</td> <td class="align ff- fvl-1 ls-1 ffs-n">s‌t</td> <td class="align ff- fvl-1 ls-1 ffs-0">s‌t</td> <td class="align ff- fvl-1 ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-0 fvl- ls- ffs- ">s‌t</td> <td class="align ff-0 fvl- ls- ffs-n">s‌t</td> <td class="align ff-0 fvl- ls- ffs-0">s‌t</td> <td class="align ff-0 fvl- ls- ffs-1">st</td> <td class="align ff-0 fvl- ls-0 ffs- ">s‌t</td> <td class="align ff-0 fvl- ls-0 ffs-n">s‌t</td> <td class="align ff-0 fvl- ls-0 ffs-0">s‌t</td> <td class="align ff-0 fvl- ls-0 ffs-1">st</td> <td class="align ff-0 fvl- ls-1 ffs- ">s‌t</td> <td class="align ff-0 fvl- ls-1 ffs-n">s‌t</td> <td class="align ff-0 fvl- ls-1 ffs-0">s‌t</td> <td class="align ff-0 fvl- ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-0 fvl-n ls- ffs- ">s‌t</td> <td class="align ff-0 fvl-n ls- ffs-n">s‌t</td> <td class="align ff-0 fvl-n ls- ffs-0">s‌t</td> <td class="align ff-0 fvl-n ls- ffs-1">st</td> <td class="align ff-0 fvl-n ls-0 ffs- ">s‌t</td> <td class="align ff-0 fvl-n ls-0 ffs-n">s‌t</td> <td class="align ff-0 fvl-n ls-0 ffs-0">s‌t</td> <td class="align ff-0 fvl-n ls-0 ffs-1">st</td> <td class="align ff-0 fvl-n ls-1 ffs- ">s‌t</td> <td class="align ff-0 fvl-n ls-1 ffs-n">s‌t</td> <td class="align ff-0 fvl-n ls-1 ffs-0">s‌t</td> <td class="align ff-0 fvl-n ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-0 fvl-0 ls- ffs- ">s‌t</td> <td class="align ff-0 fvl-0 ls- ffs-n">s‌t</td> <td class="align ff-0 fvl-0 ls- ffs-0">s‌t</td> <td class="align ff-0 fvl-0 ls- ffs-1">st</td> <td class="align ff-0 fvl-0 ls-0 ffs- ">s‌t</td> <td class="align ff-0 fvl-0 ls-0 ffs-n">s‌t</td> <td class="align ff-0 fvl-0 ls-0 ffs-0">s‌t</td> <td class="align ff-0 fvl-0 ls-0 ffs-1">st</td> <td class="align ff-0 fvl-0 ls-1 ffs- ">s‌t</td> <td class="align ff-0 fvl-0 ls-1 ffs-n">s‌t</td> <td class="align ff-0 fvl-0 ls-1 ffs-0">s‌t</td> <td class="align ff-0 fvl-0 ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-0 fvl-1 ls- ffs- ">st</td> <td class="align ff-0 fvl-1 ls- ffs-n">st</td> <td class="align ff-0 fvl-1 ls- ffs-0">s‌t</td> <td class="align ff-0 fvl-1 ls- ffs-1">st</td> <td class="align ff-0 fvl-1 ls-0 ffs- ">st</td> <td class="align ff-0 fvl-1 ls-0 ffs-n">st</td> <td class="align ff-0 fvl-1 ls-0 ffs-0">s‌t</td> <td class="align ff-0 fvl-1 ls-0 ffs-1">st</td> <td class="align ff-0 fvl-1 ls-1 ffs- ">s‌t</td> <td class="align ff-0 fvl-1 ls-1 ffs-n">s‌t</td> <td class="align ff-0 fvl-1 ls-1 ffs-0">s‌t</td> <td class="align ff-0 fvl-1 ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-1 fvl- ls- ffs- ">st</td> <td class="align ff-1 fvl- ls- ffs-n">st</td> <td class="align ff-1 fvl- ls- ffs-0">s‌t</td> <td class="align ff-1 fvl- ls- ffs-1">st</td> <td class="align ff-1 fvl- ls-0 ffs- ">st</td> <td class="align ff-1 fvl- ls-0 ffs-n">st</td> <td class="align ff-1 fvl- ls-0 ffs-0">s‌t</td> <td class="align ff-1 fvl- ls-0 ffs-1">st</td> <td class="align ff-1 fvl- ls-1 ffs- ">s‌t</td> <td class="align ff-1 fvl- ls-1 ffs-n">s‌t</td> <td class="align ff-1 fvl- ls-1 ffs-0">s‌t</td> <td class="align ff-1 fvl- ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-1 fvl-n ls- ffs- ">st</td> <td class="align ff-1 fvl-n ls- ffs-n">st</td> <td class="align ff-1 fvl-n ls- ffs-0">s‌t</td> <td class="align ff-1 fvl-n ls- ffs-1">st</td> <td class="align ff-1 fvl-n ls-0 ffs- ">st</td> <td class="align ff-1 fvl-n ls-0 ffs-n">st</td> <td class="align ff-1 fvl-n ls-0 ffs-0">s‌t</td> <td class="align ff-1 fvl-n ls-0 ffs-1">st</td> <td class="align ff-1 fvl-n ls-1 ffs- ">s‌t</td> <td class="align ff-1 fvl-n ls-1 ffs-n">s‌t</td> <td class="align ff-1 fvl-n ls-1 ffs-0">s‌t</td> <td class="align ff-1 fvl-n ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-1 fvl-0 ls- ffs- ">s‌t</td> <td class="align ff-1 fvl-0 ls- ffs-n">s‌t</td> <td class="align ff-1 fvl-0 ls- ffs-0">s‌t</td> <td class="align ff-1 fvl-0 ls- ffs-1">st</td> <td class="align ff-1 fvl-0 ls-0 ffs- ">s‌t</td> <td class="align ff-1 fvl-0 ls-0 ffs-n">s‌t</td> <td class="align ff-1 fvl-0 ls-0 ffs-0">s‌t</td> <td class="align ff-1 fvl-0 ls-0 ffs-1">st</td> <td class="align ff-1 fvl-0 ls-1 ffs- ">s‌t</td> <td class="align ff-1 fvl-0 ls-1 ffs-n">s‌t</td> <td class="align ff-1 fvl-0 ls-1 ffs-0">s‌t</td> <td class="align ff-1 fvl-0 ls-1 ffs-1">st</td> </tr><tr> <td class="align ff-1 fvl-1 ls- ffs- ">st</td> <td class="align ff-1 fvl-1 ls- ffs-n">st</td> <td class="align ff-1 fvl-1 ls- ffs-0">s‌t</td> <td class="align ff-1 fvl-1 ls- ffs-1">st</td> <td class="align ff-1 fvl-1 ls-0 ffs- ">st</td> <td class="align ff-1 fvl-1 ls-0 ffs-n">st</td> <td class="align ff-1 fvl-1 ls-0 ffs-0">s‌t</td> <td class="align ff-1 fvl-1 ls-0 ffs-1">st</td> <td class="align ff-1 fvl-1 ls-1 ffs- ">s‌t</td> <td class="align ff-1 fvl-1 ls-1 ffs-n">s‌t</td> <td class="align ff-1 fvl-1 ls-1 ffs-0">s‌t</td> <td class="align ff-1 fvl-1 ls-1 ffs-1">st</td> </tr></table> </body> </html>