notosanskr-hestia-scss

WebJar for notosanskr-hestia-scss

License

License

GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

notosanskr-hestia-scss
Last Version

Last Version

1.0.4
Release Date

Release Date

Type

Type

jar
Description

Description

notosanskr-hestia-scss
WebJar for notosanskr-hestia-scss
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/serialine/notosanskr-hestia-scss

Download notosanskr-hestia-scss

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/notosanskr-hestia-scss/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>notosanskr-hestia-scss</artifactId>
    <version>1.0.4</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/notosanskr-hestia-scss/
implementation 'org.webjars.npm:notosanskr-hestia-scss:1.0.4'
// https://jarcasting.com/artifacts/org.webjars.npm/notosanskr-hestia-scss/
implementation ("org.webjars.npm:notosanskr-hestia-scss:1.0.4")
'org.webjars.npm:notosanskr-hestia-scss:jar:1.0.4'
<dependency org="org.webjars.npm" name="notosanskr-hestia-scss" rev="1.0.4">
  <artifact name="notosanskr-hestia-scss" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='notosanskr-hestia-scss', version='1.0.4')
)
libraryDependencies += "org.webjars.npm" % "notosanskr-hestia-scss" % "1.0.4"
[org.webjars.npm/notosanskr-hestia-scss "1.0.4"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

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>

Versions

Version
1.0.4