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 Jan 27, 2024
- Positivity 101: Cultivating Optimism Mar 18, 2024
- Panel Screenshots Jan 26, 2024
- Wellness Habits for a Balanced Life May 09, 2023
- Geek Fitness: Stay Active and Healthy Apr 28, 2023