Add this code to your stylesheet:
@font-face {
font-family: Omnes;
src: url('https://www.pwnhc.ca/webfonts/omnes-webfont.eot?#iefix') format('embedded-opentype'), /* IE8 fix */
url('https://www.pwnhc.ca/webfonts/omnes-webfont.woff') format('woff');
}
Call the font as you would for any standard system font within your stylesheet:
font-family: Omnes, Arial, sans-serif;
Check the font's ability to correctly place diacritical marks with the character table below:
Á | À | Ą | Ą́ | Ą̀ | É | È | Ę | Ę́ | Ę̀ | Í | Ì | Į | Į́ | Į̀ | Ó | Ò | Ǫ | Ǫ́ | Ǫ̀ | Ú | Ù | Ų | Ų́ | Ų̀ |
á | à | ą | ą́ | ą̀ | é | è | ę | ę́ | ę̀ | ı́ | ı̀ | ı̨ | ı̨́ | ı̨̀ | ó | ò | ǫ | ǫ́ | ǫ̀ | ú | ù | ų | ų́ | ų̀ |
Ë | Ë́ | Ę̈ | Ę̈́ | Ǝ | Ǝ́ | Ł | Ɂ | ı | ||||||||||||||||
ë | ë́ | ę̈ | ę̈́ | ǝ | ǝ́ | ł | ɂ |