Add this code as the first link in the <head> of your webpage. To reduce font load time, remove unused font styles from the code.
<link href='https://fonts.googleapis.com/css?family=Judson:400,400i,700&subset=latin-ext' rel='stylesheet'>
Call the font as you would for any standard system font within your stylesheet:
font-family: 'Judson', serif;
Check the font's ability to correctly place diacritical marks with the character tables below:
Á | À | Ą | Ą́ | Ą̀ | É | È | Ę | Ę́ | Ę̀ | Í | Ì | Į | Į́ | Į̀ | Ó | Ò | Ǫ | Ǫ́ | Ǫ̀ | Ú | Ù | Ų | Ų́ | Ų̀ |
á | à | ą | ą́ | ą̀ | é | è | ę | ę́ | ę̀ | ı́ | ı̀ | ı̨ | ı̨́ | ı̨̀ | ó | ò | ǫ | ǫ́ | ǫ̀ | ú | ù | ų | ų́ | ų̀ |
Ë | Ë́ | Ę̈ | Ę̈́ | Ǝ | Ǝ́ | Ł | Ɂ | ı | ||||||||||||||||
ë | ë́ | ę̈ | ę̈́ | ǝ | ǝ́ | ł | ɂ |
Á | À | Ą | Ą́ | Ą̀ | É | È | Ę | Ę́ | Ę̀ | Í | Ì | Į | Į́ | Į̀ | Ó | Ò | Ǫ | Ǫ́ | Ǫ̀ | Ú | Ù | Ų | Ų́ | Ų̀ |
á | à | ą | ą́ | ą̀ | é | è | ę | ę́ | ę̀ | ı́ | ı̀ | ı̨ | ı̨́ | ı̨̀ | ó | ò | ǫ | ǫ́ | ǫ̀ | ú | ù | ų | ų́ | ų̀ |
Ë | Ë́ | Ę̈ | Ę̈́ | Ǝ | Ǝ́ | Ł | Ɂ | ı | ||||||||||||||||
ë | ë́ | ę̈ | ę̈́ | ǝ | ǝ́ | ł | ɂ |
Á | À | Ą | Ą́ | Ą̀ | É | È | Ę | Ę́ | Ę̀ | Í | Ì | Į | Į́ | Į̀ | Ó | Ò | Ǫ | Ǫ́ | Ǫ̀ | Ú | Ù | Ų | Ų́ | Ų̀ |
á | à | ą | ą́ | ą̀ | é | è | ę | ę́ | ę̀ | ı́ | ı̀ | ı̨ | ı̨́ | ı̨̀ | ó | ò | ǫ | ǫ́ | ǫ̀ | ú | ù | ų | ų́ | ų̀ |
Ë | Ë́ | Ę̈ | Ę̈́ | Ǝ | Ǝ́ | Ł | Ɂ | ı | ||||||||||||||||
ë | ë́ | ę̈ | ę̈́ | ǝ | ǝ́ | ł | ɂ |