Customize your scheduling page: Difference between revisions
No edit summary |
No edit summary |
||
| 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'); | ||
| Line 119: | Line 120: | ||
<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 { | ||
| Line 130: | Line 133: | ||
font-family: 'MyCompanyFont', sans-serif !important; | font-family: 'MyCompanyFont', sans-serif !important; | ||
} | } | ||
--> | |||
<p>'''Important'''</p> | <p>'''Important'''</p> | ||
If you use fonts '''other than Google Fonts''': | If you use fonts '''other than Google Fonts''': | ||