| <!DOCTYPE html> |
| <html> |
| <head> |
| <style type="text/css"> |
| @font-face { |
| font-family: 'Amstelvar VF'; |
| src: url('resources/AmstelvarAlpha-VF.woff2') format('woff2-variations'); |
| } |
| @font-face { |
| font-family: 'Jost VF'; |
| src: url('resources/jost-VF.woff2') format('woff2-variations'); |
| } |
| @font-face { |
| font-family: 'Roboto VF'; |
| src: url('resources/Roboto-VF.woff2') format('woff2-variations'); |
| } |
| p { font-synthesis: none; } |
| </style> |
| </head> |
| <body> |
| <p style="font-family: 'Amstelvar VF'; font-weight: 625;"> |
| Weight |
| </p> |
| <p style="font-family: 'Amstelvar VF'; font-stretch: 75%;"> |
| Width |
| </p> |
| <p style="font-family: 'Jost VF'; font-style: italic;"> |
| Italic |
| </p> |
| <p style="font-family: 'Roboto VF'; font-style: oblique 10deg;"> |
| Slant |
| </p> |
| </body> |
| </html> |
