Customize your scheduling page: Difference between revisions
No edit summary |
No edit summary |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 111: | Line 111: | ||
We recommend using '''Google Fonts''', most fonts are free to use, including commercially. | We recommend using '''Google Fonts''', most fonts are free to use, including commercially. | ||
Browse available fonts [https://fonts.google.com/ here]. | Browse available fonts [https://fonts.google.com/ here]. | ||
<!-- | |||
<p>Example:</p> | <p>Example:</p> | ||
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap'); | ||
* { | * { | ||
font-family: 'Oswald', sans-serif !important; | |||
} | } | ||
<p>Save the CSS and refresh your booking page.</p> | <p>Save the CSS and refresh your booking page.</p> | ||
--> | |||
<p>'''Option 2 — Your own hosted font'''</p> | <p>'''Option 2 — Your own hosted font'''</p> | ||
If your company has its own licensed font, you can reference it from your own hosting. | If your company has its own licensed font, you can reference it from your own hosting. | ||
<!-- | |||
<p>Example:</p> | <p>Example:</p> | ||
@font-face { | @font-face { | ||
font-family: 'MyCompanyFont'; | font-family: 'MyCompanyFont'; | ||
src: url('https://your-domain.com/fonts/MyCompanyFont.woff2') format('woff2'); | src: url('https://your-domain.com/fonts/MyCompanyFont.woff2') format('woff2'); | ||
} | } | ||
* { | * { | ||
font-family: 'MyCompanyFont', sans-serif !important; | font-family: 'MyCompanyFont', sans-serif !important; | ||
} | } | ||
--> | |||
<br> | |||
<br> | |||
<p>'''Important'''</p> | <p>'''Important'''</p> | ||
If you use fonts '''other than Google Fonts''': | If you use fonts '''other than Google Fonts''': | ||