| <!DOCTYPE html> |
| <html contenteditable="True"> |
| <head> |
| <style type="text/css"> |
| |
| @font-face { |
| font-family: FilicudiDummy-Barber; |
| src:url('FilicudiDummy-Barber.otf') format('opentype'); |
| } |
| |
| body { |
| height: 100%; |
| font-size: 100%; |
| /*font-size: 6em;*/ |
| padding: 1em; |
| margin: 0px; |
| } |
| |
| .code { |
| font-size: 1em; |
| font-family: 'SourceCodePro-Regular', 'Courier'; |
| } |
| |
| .example { |
| font-size: 4em; |
| /*letter-spacing: 5px; /* For FF*/ |
| margin: 0; |
| font-family: 'FilicudiDummy-Barber', 'Courier New'; |
| } |
| |
| |
| |
| </style> |
| |
| </head> |
| <body> |
| |
| <p class="code">font-variant-ligatures: contextual; -moz-font-feature-settings: "calt"; -webkit-font-feature-settings: "calt"; font-feature-settings: "calt";</p> |
| <p class="example" style='font-variant-ligatures: contextual; -moz-font-feature-settings: "calt"; -webkit-font-feature-settings: "calt"; font-feature-settings: "calt";'; >test test test test test test</p> |
| <hr> |
| |
| <p class="code";>-moz-font-feature-settings: "calt"; -webkit-font-feature-settings: "calt"; font-feature-settings: "calt";</p> |
| <p class="example" style='-moz-font-feature-settings: "calt"; -webkit-font-feature-settings: "calt"; font-feature-settings: "calt"'; >test test test test test test</p> |
| <hr> |
| |
| <p class="code">font-variant-ligatures: contextual;</p> |
| <p class="example", style='font-variant-ligatures: contextual;'; >test test test test test test</p> |
| <hr> |
| |
| <p class="code">font-variant: contextual-alt-values;</p> |
| <p class="example", style='font-variant: contextual-alt-values'; >test test test test test test</p> |
| <hr> |
| |
| <p class="code">everything off</p> |
| <p class="example">test test test test test test</p> |
| <hr> |
| |
| </body> |
| </html> |
| |
| |
| |
| |