caps-fallback-smallcaps2.html 495 B

12345678910111213141516171819202122232425262728293031
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>font-variant-caps fallback</title>
  5. <meta charset="UTF-8">
  6. <style>
  7. /* Fira Sans only supports smcp/c2sc, not pcap/c2pc */
  8. @font-face {
  9. font-family: firasans;
  10. src: url(../fonts/fira/FiraSans-Regular.otf);
  11. }
  12. body {
  13. margin: 20px;
  14. font-family: firasans, sans-serif;
  15. }
  16. p {
  17. margin: 0;
  18. font-size: 50px;
  19. }
  20. .smallcaps2 { font-variant-caps: small-caps; }
  21. </style>
  22. </head>
  23. <body>
  24. <p class=smallcaps2>Aa Bb Gg Δδ Γγ Σσ Бб Фф</p>
  25. </body>
  26. </html>