webfont¶

/usr/local/m2/setting.json 다음 영역에 대해 기술한다.

{
  "functions": {
    "contents": {
      "webfont": {
        ...
      }
    }
  }
}

css 에 지정된 웹폰트를 datauri 로 실시간 치환하여 전달한다.

How to use¶

명령어 리스트¶

https://example.com/sample.css/wfnt/embed/all
https://example.com/sample.css/wfnt/embed/woff2
https://example.com/sample.css/wfnt/embed/woff
https://example.com/sample.css/wfnt/embed/name1

에러 메시지¶

응답코드	`x-sc-chain-error` 필드	설명
원본응답	`not200`	원본에서 `200 OK` 를 응답받지 못하거나 매칭되는 `embed` 의 명칭을 찾지 못했다.
`404`	`notfound`	호출된 이름을 찾지 못했다.

meta¶

"meta" : {
  "enable": false,
  "keyword": "wfnt"
}

enable (기본: false): 함수 활성화
keyword (기본: wfnt): 키워드

embed¶

"embed" : [
  {
    "name": "name1",
    "srcList": [
      {
        "url": "../lite/Roboto-Medium.woff2",
        "foramt": "woff2"
      },
      {
        "url": "../lite/Roboto-Medium.woff",
        "foramt": "woff"
      },
      {
        "url": "./woff2/SDGtNeobUni-bLt/SDGtNeobUni-bLt30.woff2",
        "foramt": "woff2"
      }
    ]
  }
]

name (기본: false)

embed 정책 이름

Note

다음 name 은 사용할 수 없다.

all 전체 폰트 대상으로 embed 한다.
woff2 woff2 폰트만 대상으로 embed 한다.
woff woff 폰트만 대상으로 embed 한다.

srcList

embed 시킬 css의 @font-face.src 대상 리스트

# 샘플 css

@font-face {
  font-family: 'SDNeoL';
  font-style: normal;
  font-weight: 400;
  src: local('SDGtNeobUni-bLt'), url('./woff2/SDGtNeobUni-bLt/SDGtNeobUni-bLt29.woff2') format('woff2'),
    url('./woff/SDGtNeobUni-bLt/SDGtNeobUni-bLt29.woff') format('woff');
  unicode-range: U+c475-c4ef,U+c4f2-c4f3,U+c4f5-c4f7,U+c4f9-c4ff,U+c502-c50b,U+c50d-c516;
}

url: 매칭할 @font-face.src 의 url
format (옵션): url 과 일치시킬 format 속성