I am trying to change the family font.

[yuu oung jong]

font-family: ‘Nanum Gothic Coding’, you want to replace it with a family font. I’d like to know where I need to fix it and how to insert the style link.

<style>
@import url(‘https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap&#8217;);
</style>
font-family: ‘Nanum Gothic Coding’,

Split: style.css

body { font-family: ‘Titillium’, Arial, sans-serif; }

@font-face {

font-family: ‘Titillium’;

src: url(‘fonts/titillium-light-webfont.eot’);

src: url(‘fonts/titillium-light-webfont.svg#titillium-light-webfont’) format(‘svg’),

url(‘fonts/titillium-light-webfont.eot?#iefix’) format(’embedded-opentype’),

url(‘fonts/titillium-light-webfont.woff’) format(‘woff’),

url(‘fonts/titillium-regular-webfont.ttf’) format(‘truetype’);

font-weight: 300;

font-style: normal;

src: url(‘fonts/titillium-lightitalic-webfont.eot’);
131
src: url(‘fonts/titillium-lightitalic-webfont.svg#titillium-lightitalic-webfont’) format(‘svg’),
132
url(‘fonts/titillium-lightitalic-webfont.eot?#iefix’) format(’embedded-opentype’),
133
url(‘fonts/titillium-lightitalic-webfont.woff’) format(‘woff’),
134
url(‘fonts/titillium-regular-webfont.ttf’) format(‘truetype’);
135
font-weight: 300;
136
font-style: italic;
137
}
138
@font-face {
139
font-family: ‘Titillium’;
140
src: url(‘fonts/titillium-regular-webfont.eot’);
141
src: url(‘fonts/titillium-regular-webfont.svg#titillium-regular-webfont’) format(‘svg’),
142
url(‘fonts/titillium-regular-webfont.eot?#iefix’) format(’embedded-opentype’),
143
url(‘fonts/titillium-regular-webfont.woff’) format(‘woff’),
144
url(‘fonts/titillium-regular-webfont.ttf’) format(‘truetype’);
145
font-weight: 400;
146
font-style: normal;
147
}
148
@font-face {
149
font-family: ‘Titillium’;
150
src: url(‘fonts/titillium-regularitalic-webfont.eot’);
151
src: url(‘fonts/titillium-regularitalic-webfont.svg#titillium-regular-webfont’) format(‘svg’),
152
url(‘fonts/titillium-regularitalic-webfont.eot?#iefix’) format(’embedded-opentype’),
153
url(‘fonts/titillium-regularitalic-webfont.woff’) format(‘woff’),
154
url(‘fonts/titillium-regularitalic-webfont.ttf’) format(‘truetype’);
155
font-weight: 400;
156
font-style: italic;
157
}
158
@font-face {
159
font-family: ‘Titillium’;
160
src: url(‘fonts/titillium-semibold-webfont.eot’);
161
src: url(‘fonts/titillium-semibold-webfont.svg#titillium-semibold-webfont’) format(‘svg’),
162
url(‘fonts/titillium-semibold-webfont.eot?#iefix’) format(’embedded-opentype’),
163
url(‘fonts/titillium-semibold-webfont.woff’) format(‘woff’),
164
url(‘fonts/titillium-semibold-webfont.ttf’) format(‘truetype’);
165
font-weight: 600;
166
font-style: normal;
167
}

Topic

[Alexander Agnarson]

Try the following:

Edit header.php, and add the following on line 11:

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@400;700&display=swap" rel="stylesheet"> 

Then go to Customize > Additional CSS and add:

body { font-family: 'Nanum Gothic Coding', monospace; }

[yuu oung jong]

Thanks for solving it.^^

[Author]

Replies