Frontpage Forums Split I am trying to change the family font.

  • I am trying to change the family font.

    Resolved
    yuu oung jong
    Participant

    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
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • Author
    Replies
  • #2407

    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; }
    
    #2408
    yuu oung jong
    Participant

    Thanks for solving it.^^

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.

Once you purchase a product from alx.media, you will receive an account and access to the support forums.

Lost Password?

Topic Tags