Fonts

<div class="p-5">
    <h1 class="h2 text-pink">Bold font</h1>
    <p>Body font</p>
</div>
<div class="p-5">
    <h1 class="h2 text-pink">Bold font</h1>
    <p>Body font</p>
</div>
/* No context defined. */
  • Content:
    //  fonts
    
    $path: '../fonts/teleneo';
    
    @font-face {
        font-family: "teleneo-bold";
        src:
            local("teleneo-bold"),
            url("#{$path}/teleneo-bold.otf") format("opentype") tech(teleneo-bold),
            url("#{$path}/teleneo-bold.otf") format("opentype"),
            url("#{$path}/teleneo-bold.woff") format("woff");
    }
    
    @font-face {
        font-family: "teleneo-regular";
        src:
            local("teleneo-regular"),
            url("#{$path}/teleneo-regular.otf") format("opentype") tech(teleneo-regular),
            url("#{$path}/teleneo-regular.otf") format("opentype"),
            url("#{$path}/teleneo-regular.woff") format("woff");
    }
  • URL: /components/raw/fonts/fonts.scss
  • Filesystem Path: src/components/01-global/fonts/fonts.scss
  • Size: 631 Bytes

No notes defined.