Yijen's blog

關於部落格
繪圖 | 食記 | Web前端技術 | HTML | CSS | JavaScript 研究
  • 300136

    累積人氣

  • 145

    今日人氣

    0

    訂閱人氣

精靈寶可夢/神奇寶貝字型分享 (Pokémon Font)

有點猶豫這篇要發在什麼分類……最終還是分到 #CSS 類了。

因為 Pokémon Go 遊戲的釋出,全世界人們再次陷入捕捉可愛的 Pokémon/神奇寶貝/精靈寶可夢/口袋怪獸…… Whatever they call it. 剛好本網誌與設計相關,今天要來分享 Pokémon Logo 非常特別的英文字型以及如何在網誌透過 CSS 來使用它。

How to use it

@font-face 這個東西先前已經專文介紹過了,還不了解它的朋友可以先過去參考一下 傳送門

CSS

@font-face {
    font-family: pokemon;
    src: url('http://your.domain/pokemon_hollow.otf') format('opentype');
}
@font-face {
    font-family: pokemons;
    src: url('http://your.domin/pokemon_solid.otf') format('opentype');
}
h2 {
    font-family: pokemon, sans-serif;
}

空心 hollow 字體的版本,適合 font-weight: 700 的配置

Pokémon Go

字體 solid 實心的版本,適合 font-weight: 400 的呈現

Pokémon Go

Where can I find these fonts?

對此二字體有興趣的網友可至 www.dafont.com 下載(Download) 哦,版主只有分享,並不擁有字體的所有權

另外該字體雖然沒有找到原作者 license 的宣告文件,但並不代表為 freeware 或是 shareware,私人使用問題應該不大,在未確認 licence 前,強烈不建議用在商業用途(君子自重!)

備註:版主身為口袋怪獸粉絲,旨在分享 Pokémon 相關的內容,文中若有侵犯到任何人的權利請來信告知,會立即處理。

延伸閱讀

精靈寶可夢 GO (神奇寶貝 GO) 抓皮卡丘的秘技 (How to Catch Pikachu at the Start of Pokémon Go)

相簿設定
標籤設定
相簿狀態