/*
How to customize fonts in Qmatic Web Booking

Web Fonts:

Using Google Webkits (recommended):
1) go to fonts.google.com
2) select the font family you want
3) on the bottom left in family selected, in customize tab, select (if available):
   - light 300
   - regular 400
   - medium 500
   - bold 700
   and all languages
4) on embed tab, copy the link and paste it in the browser, it will load the definition of the font
   The link is the 'href' part of the stylesheet
5) copy the definition in the file customfonts.css in css folder
6) rename all font-family properties to 'CustomQWBFont' instead of the font family name you choosed

Hosted fonts:
1) copy the font to the fonts directory
2) copy/paste (or uncomment the example):
@font-face {
   font-family: 'CustomQWBFont';
   src: url('../fonts/yourfont.ttf');
}
3) change yourfont.ttf to the font file name you copied in fonts folder

In both case it will replace Roboto with the custom font except input entered by user that will stay Roboto for clarity
*/

/* exemple webkit Mansalva*/
/*@font-face {
   font-family: 'CustomQWBFont';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: local('Mansalva Regular'), local('Mansalva-Regular'), url(https://fonts.gstatic.com/s/mansalva/v1/aWB4m0aacbtDfvq5NKliKY8.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }*/

/* example localfont */
/*@font-face {
   font-family: 'CustomQWBFont';
   src: url('../fonts/Mansalva-Regular.ttf');
}*/