Custom Fonts
Perhaps you have noticed the field named "Custom
Code" in site administration. What does it do? As name suggests you can inject any HTML code to your website. Note that all the code injected is not escaped and inserted as is. Beware of any malicious code and use only scripts you trust.Example
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<style>
:root {
--font-family: 'Playfair Display', sans-serif;
--code-font-family: 'IBM Plex Mono', monospace;
}
</style>
This example code will change main font to 'Playfair Display' and monospace font used for code previews to 'IBM Plex Mono', both loaded from Google Fonts library.
Archive
- Tablog: Minimalistic Blog Theme Jun 01, 2023
- Panel Screenshots May 31, 2023
- Wellness Habits for a Balanced Life May 09, 2023
- Geek Fitness: Stay Active and Healthy Apr 28, 2023
- Unleash Your Inner Geek: Exploring Geek Hobbies and Interests Jan 11, 2023