Nuptial Predicament Mediation

    notosanskr-hestia-scss

    1.0.4 • Public • Published

    NotoSansKR-Hestia-scss


    NotoSansKR-Hestia GitHub Pages를 참고해주세요.

    차이점

    • woff2 를 추가
    • scss 추가
    • font-weight 변경
    CSS Class weight 기존 weight 변경
    .noto-thin 100 100
    .noto-light 300 200
    .noto-demilight 350 300
    .noto-regular 400 400
    .noto-medium 500 500
    .noto-bold 700 700
    .noto-black 900 900

    수정법

    SCSS

    • 폰트 경로 변경

    _variables.scss 에서 $noto-sans-path 변경

    $noto-sans-path: '/fonts' !default;

    혹은 변수 미리선언 후 @import

    $noto-sans-path: '/mydir/fonts' !default;
    @import "NotoSansKR-Hestia";
    • 컴파일 SCSS -> CSS
    $ sass scss/NotoSansKR-Hestia.scss stylesheets/NotoSansKR-Hestia.css

    사용법

    HTML

    <link href="/stylesheets/NotoSansKR-Hestia.css" rel="stylesheet" type="text/css">

    CSS

    @import url(/stylesheets/NotoSansKR-Hestia.css);

    CSS 헬퍼

    .noto-sans

    <span class="noto-sans">안녕하세요</span>
    

    .noto-{weight}

    <span class="noto-sans noto-demilight">안녕하세요</span>
    

    Install

    npm i notosanskr-hestia-scss

    DownloadsWeekly Downloads

    15

    Version

    1.0.4

    License

    Apache License, version 2.0

    Last publish

    Collaborators

    • laires