Change Chromebook fonts

The google chromebook does not have an extensive list of fonts that come with it. Most webpages use „webfonts“ that do not have to be installed on your device anyway. There are some webpages though that use fonts that look… just plain awful on a chromebook. For example „Verdana“ – it really doesn’t look good on a low resolution chromebook.

There are two solutions – either you install the extension „Font Changer“ – but it will change all fonts on a webpage to just one alternative – or you could use stylish. Here is an example to replace Verdana (and Tahoma with „Noto Sans“):

/* Replace Tahoma on Chromebook */
@font-face {
 font-family: 'Tahoma';
 src: local('Noto Sans');
}
/* latin */

@font-face {
 font-family: 'Verdana';
 font-style: normal;
 font-weight: 300;
 src: local('Ubuntu Light'), local('Ubuntu-Light'), url(https://fonts.gstatic.com/s/ubuntu/v9/_aijTyevf54tkVDLy-dlnFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
/* latin */

@font-face {
 font-family: 'Verdana';
 font-style: normal;
 font-weight: 400;
 src: local('Ubuntu'), url(https://fonts.gstatic.com/s/ubuntu/v9/sDGTilo5QRsfWu6Yc11AXg.woff2) format('woff2');
}
/* latin */

@font-face {
 font-family: 'Verdana';
 font-style: normal;
 font-weight: 700;
 src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(https://fonts.gstatic.com/s/ubuntu/v9/0ihfXUL2emPh0ROJezvraFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
/* latin */

@font-face {
 font-family: 'Verdana';
 font-style: italic;
 font-weight: 300;
 src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'), url(https://fonts.gstatic.com/s/ubuntu/v9/DZ_YjBPqZ88vcZCcIXm6Vo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
}
/* latin */

@font-face {
 font-family: 'Verdana';
 font-style: italic;
 font-weight: 400;
 src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(https://fonts.gstatic.com/s/ubuntu/v9/WB6rgjTg_oRfj6mlXZJbb_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
/* latin */

@font-face {
 font-family: 'Verdana';
 font-style: italic;
 font-weight: 700;
 src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'), url(https://fonts.gstatic.com/s/ubuntu/v9/OMD20Sg9RTs7sUORCEN-7Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
}

Put the above as a Stylish style for all webpages – and you won’t be bothered with blurry Verdana again. The URLs of the font files can be found by generating an @import-Statement with Google webfonts and then taken from the URL of that import statement.