How to adjust Ridibatang font on Ghost cms blog
I used Ghost blog in Korean a long time ago.
I wanted to adjust a specific font called Ridibatang at that time, but every explantion is based on English font.
So I'm going to share how I adjust Ridibatang font on Ghost blog.
This is a video about changing fonts on Ghost, especially Korean fonts.
But it didn't work on Dawn theme I used at that time.
<style>
@font-face {
font-family: 'RIDIBatang';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/[email protected]/RIDIBatang.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body, html, * {
font-family: 'RIDIBatang' !important;
}
/* Ensuring specific elements also inherit the font */
.gh-content > blockquote:not([class]),
.gh-content > dl,
.gh-content > ol,
.gh-content > p,
.gh-content > ul {
font-family: 'RIDIBatang' !important;
font-size: 1.9rem;
line-height: 1.6em;
}
.adsbygoogle.pl {
display: inline-block;
width: 100%;
height: 90px;
padding-bottom: 15px;
}
body,
h1, h2, h3, h4, h5, h6,
.main-nav a,
.subscribe-button,
.page-title,
.post-meta,
.read-next-story .post:before,
.pagination,
.page-description,
.site-footer,
[class^="icon-"]:before,
[class*=" icon-"]:before,
.main-nav,
.header,
.footer,
.sidebar,
.widget,
.menu,
.menu-item,
nav,
.button,
input,
textarea,
select,
label {
font-family: 'RIDIBatang' !important;
}
</style>
Copy and paste it in the site header of the code injection section.
I guess it'll work.