This page demonstrates all OpenType features available in the Euclid Flex Bold font. Each example shows the text before and after applying the feature.
This text uses Stylistic Set 1
This text uses Stylistic Set 8
This text uses both Set 1 and Set 3
This text uses all stylistic sets
Numbers with Stylistic Set 2 and old-style figures: 1234567890
OpenType font features, such as ligatures, swashses and other stylistic alternatives, have until recently been tricky to use online. With greater browser support for the font-feature-settings property in CSS we can now choose when to use specific glyphs. But what happens if you want to selectively use these features on specific characters. How can you style them without adding a load of span tags to your pages? Let me show you.
The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum