Working with Google Font

Prev Next

Preliminary Remarks

The fonts used in the standard templates are based on Google fonts.

Since March 2023, the fonts used in the standard templates have been made available on hosted servers within the EU. Standard templates that were adopted unchanged before March 2023 may still retrieve the fonts directly from Google servers.

Checking the use

The Frisbii Media standard templates serve as an initial orientation for creating individual templates for sending e-mails. 

If in doubt, we recommend checking all active e-mail templates for the use of fonts. Whether a font is loaded directly via Google Server is usually visible in the first lines of the template code. A link with the following reference is called up: fonts.googleapis.com/css?family=Ubuntu:light,bold&subset=Latin.  

Customization of use

The standard templates can of course still be used for test purposes. Frisbii Media provides the "Ubuntu" font in the "regular" font style, hosted on its own servers.

Integration is possible via the CSS rule @font-face. Here is a sample code as a suggestion:

<style>
/* ubuntu-regular - latin-ext_latin */ 
@font-face { 
font-family: 'Ubuntu'; 
font-style: normal; 
font-weight: 400; 
src: url('https://static.plenigo.com/v3/static/fonts/ubuntu-v20-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ 
src: local(''), 
url('https://static.plenigo.com/v3/static/fonts/ubuntu-v20-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
url('https://static.plenigo.com/v3/static/fonts/ubuntu-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ 
url('https://static.plenigo.com/v3/static/fonts/ubuntu-v20-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ 
url('https://static.plenigo.com/v3/static/fonts/ubuntu-v20-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ 
url('https://static.plenigo.com/v3/static/fonts/ubuntu-v20-latin-ext_latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */ 
}
</style>