https://help.simplybook.me/index.php?action=history&feed=atom&title=Changing_Fonts_with_Custom_CSS 2026-07-28T19:47:14Z Revision history for this page on the wiki MediaWiki 1.43.0 https://help.simplybook.me/index.php?title=Changing_Fonts_with_Custom_CSS&diff=45476&oldid=prev 2026-07-28T08:35:09Z

<p>Created page with &quot;{{#seo: |title=Custom Features - SimplyBook.me |titlemode=append |keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, custom css, changing booking page fonts, chnaging fonts with CSS }} One of the most common Custom CSS customizations is...&quot;</p> <p><b>New page</b></p><div>{{#seo:<br /> |title=Custom Features - SimplyBook.me<br /> |titlemode=append<br /> |keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, custom css, changing booking page fonts, chnaging fonts with CSS<br /> }}<br /> <br /> <br /> One of the most common Custom CSS customizations is changing the font used on your scheduling page.<br /> &lt;p&gt;<br /> &#039;&#039;&#039;Option 1 — Google Fonts (Recommended)&#039;&#039;&#039;<br /> &lt;/p&gt;<br /> We recommend using &#039;&#039;&#039;Google Fonts&#039;&#039;&#039;, most fonts are free to use, including commercially. <br /> Browse available fonts [https://fonts.google.com/ here].<br /> <br /> Example:<br /> &lt;pre&gt;<br /> @import url(&#039;https://fonts.googleapis.com/css?family=Oswald&#039;);<br /> :not(.fa):not(.fi) {<br /> font-family: &#039;Oswald&#039; !important;<br /> }<br /> &lt;/pre&gt;<br /> &lt;p&gt;Save the CSS, clear cache and refresh your booking page.&lt;/p&gt;<br /> &lt;p&gt;&#039;&#039;&#039;Option 2 — Your own hosted font&#039;&#039;&#039;&lt;/p&gt;<br /> If your company has its own licensed font, you can reference it from your own hosting.<br /> &lt;p&gt;Example:&lt;/p&gt;<br /> &lt;pre&gt;<br /> @font-face {<br /> font-family: &#039;MyCompanyFont&#039;;<br /> src: url(&#039;https://your-domain.com/fonts/MyCompanyFont.woff2&#039;) format(&#039;woff2&#039;);<br /> }<br /> :not(.fa):not(.fi) {<br /> font-family: &#039;MyCompanyFont&#039;, sans-serif !important;<br /> }<br /> &lt;/pre&gt;<br /> &lt;br&gt;<br /> &lt;br&gt;<br /> &lt;p&gt;&#039;&#039;&#039;Please note!&#039;&#039;&#039;&lt;/p&gt;<br /> If you use fonts &#039;&#039;&#039;other than Google Fonts&#039;&#039;&#039;:<br /> &lt;p&gt;<br /> * you are responsible for obtaining the appropriate font license;&lt;/p&gt;<br /> &lt;p&gt;<br /> * you must host the font files yourself;&lt;/p&gt;<br /> &lt;p&gt;<br /> * SimplyBook.me does not provide or host font files.&lt;/p&gt;<br /> &lt;p&gt;Support can assist with simple CSS syntax and applying Google Fonts, but cannot &#039;&#039;&#039;source, upload, or host&#039;&#039;&#039; non-Google font files.&lt;/p&gt;<br /> &lt;br&gt;&lt;br&gt;</div>

Admin