Support for custom fonts

Created on 4 February 2022, almost 3 years ago
Updated 27 June 2024, 6 months ago

I need to use custom fonts.
Could the theme please support using any number of locally hosted custom fonts?

Professional designers and companies often require websites to use their custom fonts.

In version 1 of this theme I simply have overridden the library and included the following, but with version 2 this seems difficult to do.

/* Webfont: Lato-Bold */@font-face {
    font-family: 'Lato-Bold';
    src: url('fonts/lato/fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/lato/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/lato/fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/lato/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/lato/fonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Light */@font-face {
    font-family: 'Lato-Light';
    src: url('fonts/lato/fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('fonts/lato/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/lato/fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/lato/fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('fonts/lato/fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */@font-face {
    font-family: 'Lato-Regular';
    src: url('fonts/lato/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/lato/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/lato/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/lato/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/lato/fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    text-rendering: optimizeLegibility;
}
✨ Feature request
Status

Fixed

Version

2.0

Component

Code

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024