LoginSignup
55
56

More than 5 years have passed since last update.

WebフォントのCSSとライセンス記載例

Last updated at Posted at 2014-04-25

何かと便利なWebフォント。でもライセンス周りが心配なので、メジャーそうな以下のライセンスの書き方を整理してみました。

無料で使えるからこそ敬意を払って、ライセンスはちゃんとしたいですよね。

  • SIL Open Font License (OFL)
  • IPAフォントライセンスv1.0
  • Apache License 2.0

SIL Open Font License (OFL)

/*!
 * "FontName" licensed under the SIL Open Font License
 * http://www.hogehoge.com/(配布元のURL)
 */
@font-face {
    font-family: 'FontName';
    src: url('FontName.eot?') format('oldIE'),
         url('FontName.woff') format('woff'),
         url('FontName.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

IPAフォントライセンスv1.0

/*!
 * "FontName" licensed under the IPA Font License Agreement v1.0
 * http://www.hogehoge.com/(配布元のURL)
 * http://ipafont.ipa.go.jp/(IPAフォントのURL)
 * http://ipafont.ipa.go.jp/ipa_font_license_v1.html(IPAフォントライセンスv1.0のURL)
 */
@font-face {
    font-family: 'FontName';
    src: url('FontName.eot?') format('oldIE'),
         url('FontName.woff') format('woff'),
         url('FontName.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

IPAフォントライセンスの表記について

こっちはやや冗長な気もするけど、色々考えた結果この形に。その色々は長いのでこっちで整理。

Apache License 2.0

/*!
 * Copyright (C) 2014 (配布者の名称)
 *      http://www.hogehoge.com/(配布元のURL)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@font-face {
    font-family: 'FontName';
    src: url('FontName.eot?') format('oldIE'),
         url('FontName.woff') format('woff'),
         url('FontName.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

追記(2014-12-02)

Apache License 2.0 を追記しました。源ノ角ゴシックがこれでした。
とはいえ、この表記で問題ないのか不安なので、やっぱりこうすればOK!というマニュアルが欲しいです。

追記(2019-04-24)

YUI Compressor などでコードを圧縮しても消えないようコメントアウト方法を修正しました。
@ayanok さん、ありがとうございました。

55
56
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
55
56