| <!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'); |
| } |
| </style> |
| </head> |
| <body> |
| <p style="font-family: 'Amstelvar VF'; font-variation-settings: 'wght' 625;"> |
| Weight |
| </p> |
| <p style="font-family: 'Amstelvar VF'; font-variation-settings: 'wdth' 75;"> |
| Width |
| </p> |
| <p style="font-family: 'Jost VF'; font-variation-settings: 'ital' 1;"> |
| Italic |
| </p> |
| <p style="font-family: 'Roboto VF'; font-variation-settings: 'slnt' 10;"> |
| Slant |
| </p> |
| </body> |
| </html> |
