Git Product home page Git Product logo

web-typography-glossary's Introduction

Webタイポグラフィの基礎知識と実践

Webタイポグラフィに関するキーワードを解説、同分野における知見を蓄積・共有します。

概要

近年、日本語のサイトでもWebフォントへの注目が集まるなど、Webタイポグラフィに対する関心が高まりつつあります。ただ英語を始めとする欧米圏と比較すると、そのノウハウはあまり蓄積されておらず議論も少ないのが現状です。

そんな状況を鑑み、本プロジェクトではWebの制作に関わる人がタイポグラフィに取り組む際に参照できるよう、「実践」の観点からキーワードを取り上げていきます。Webタイポグラフィの知見が、日本語で蓄積・共有できる場所になればと考えています。(記事内容やタイトル、目次などの内容は、随時更新される可能性があります)

目次

文字のかたち

文字を組む

  • スモールキャップス
  • オールキャップス
  • リガチャ
  • カーニング
  • プロポーショナルメトリクス
  • ベタ組み
  • アケ組み
  • ツメ組み
  • 文字サイズ
  • 行間・行高
  • レディング
  • 行長・字詰め
  • 字間・字送り・トラッキング
  • 上付き文字・下付き文字
  • ハイフネーション
  • ジャスティフィケーション
  • 禁則処理
  • インデント
  • 組み方向
  • ルビ
  • 圏点
  • 分かち書き
  • 和欧混植
  • 従属欧文

Webと文字

  • Adobe-Japan1
  • JIS X 0213:2004
  • OpenType
  • OpenType機能
  • TrueType
  • WOFF
  • EOT
  • ClearType
  • DirectWrite
  • アンチエイリアス
  • エンコーディング
  • 文字コード
  • 文字セット
  • Unicode
  • Webフォント
  • サブセッティング
  • FOUT
  • FOIT
  • lang属性

コントリビューション

本プロジェクトでは、みなさまの議論への参加を歓迎します。項目・内容について、疑問・質問・提案などがあれば、自由にIssueを立ててください。議論を反映しながら、更新を進めていきます。

更新について

毎月トピックブランチを作成し(例:feature/2019-01)、コントリビューターとして執筆者と編集者が更新を行います。月ごとを目安にマスターブランチ(master)へのマージを行い、正式なドキュメントとして公開していきます。

ライセンス

CC BY-NC-SA 4.0

クレジット

執筆:鈴木丈
編集:矢代真也
協賛:FONTPLUS

参考文献一覧

web-typography-glossary's People

Contributors

syyashiro avatar terkel avatar woopsdez avatar sekig-ndc avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.