今日は、Webフォントの話題を。日本語Webフォントは、「使いたい、でも重くなるからちょっと」という人が多いと思います。でも、グーグルがクラウド上でWebフォントを提供し始めたことで……。 グーグルが日本語のWebフォントをクラウドで提供開始グーグルが日本語のWebフォントを提供し始めていました。実は、2014年7月からあったらしいのですが、私はつい最近になって知りました。 その名も、「Noto Sans Japanese」。このページの表示も、「Noto Sans Japanese」にしてあります。 Noto Sans Japaneseは、6934文字に削減したサブセット版が提供されており、ウェイト(太さ)が7バリエーション。1ウェイトあたり約4.5Mバイトほどのサイズです。 使い方を簡単に説明すると、CSSで定義ファイルを読み込み、 <style> @import url(http:/
「サブセットフォントメーカー」「woffコンバーター」は武蔵システムという会社が作っているフリーソフトで、windows、macそれぞれソフトが用意されています。 サブセットフォントメーカーでサブセット化 まずは「サブセットフォントメーカー」を使って、Noto Sans Japaneseをサブセット化してみます。※画面はmacですが、windowsでも同じです。 「作成元フォントファイル」に、Noto Sans Japaneseを指定します。 「作成後フォントファイル」は任意の名前を付けてください。 「フォントに格納する文字」に、欲しい文字を入力します。 出来たファイルをwebフォントとして使える形式に変換 上記工程でサブセット化されたフォントファイルは用意できましたが、このままではwebフォントとしては使えないので、webフォント用の形式に変換します。ここで使うのが「woffコンバータ」
数少ない日本語webフォント「Noto Sans Japanese」を実際に使ってみたので、使い方などをご紹介します。 GoogleとAdobeが共同開発したフォントに「Noto Sans」というものがあります。これは世界中のあらゆる言語をサポートすることを目標に作られたフォントです。 世界中の言語をサポートすることを目標に、Apache License 2.0 のライセンスで配布が開始された。2015年9月29日に、SIL Open Font License 1.1 にライセンス変更。 コンピューターで表示できない文字がある場合、文字の代わりに小さい四角(□)が表示されることが多いが、Googleではそれを”豆腐”と呼んでおり、Webから取り除くためにNoto(no more tofu)フォントを作った 名前が日本語の「豆腐」から来ているというのは意外でしたが、GoogleとAdobeが
【Font】Google Web Fonts で日本語フォントの[Noto Sans Japanese]を使う。 これ、いつから使えるようになっていたのでしょうか? 今さらなのかもしれませんが Google Web Fonts で日本語フォントの[Noto Sans Japanese]が利用できるようになっていたので、その導入方法を紹介します。 「Noto Sans Japanese」って何? そもそも[Noto]とは Google と Adobe が共同開発したフォントで、昨年(2014年)の7月16日にリリースされました。 世界中のあらゆる言語がサポートされていて、文字の太さ(font-weight)は7種類も用意されています。 当然、日本語にも対応しており、国内のデザイナーの方々が歓喜して導入・利用をはじめたのはまだ記憶に新しいですね。 リリース当時、弊社のブログでも大々的に取り上げ
そしてもちろん我らが日本語も用意されています。日本語のフォントセットは「Noto Sans CJK JP」という名前です。 日本語は優遇されているのか7つも異なるウエイト(太さ)が用意されています。 ちなみに名前にあるCJKとはChina、Japanese、Koreaの3つです。1バイト言語の256文字に収まらない、2バイト言語をまとめてCJKとしているようです。(2バイト文字は65536種類に対応している) 中国語は「Noto Sans CJK SC」、韓国語は「Noto Sans CJK KR」と、それぞれ別のセットで、相互に対応していません。統一感のあるセットになっているとのことですが、それぞれの言語が混在する状況はあまりなさそうです。 2バイト文字は数千もの文字を作成する必要があるため、Adobeだけではなく各書体メーカーの協力しています。それぞれ日本語はイワタ、中国語はChang
まとめる。 webとwebデザインに関しての、WEBCRE8.jpによる 情報まとめのカテゴリです。 私は常日頃情報収集をしていてフォントやタイポグラフィーについての記事に目が行くことが多いのですが、この記事ではそうしたいくつかの情報を紹介しようと思います。なんとなく紹介したくなっただけで別にシリーズ化しようと思っているわけではないのですが、好評だったらまたやってもいいかも。 新しい概念の明朝体、TP明朝 ASCII.jpの明朝体は絶滅するのか? AXIS Font生みの親の挑戦というタイププロジェクトの社長、鈴木功さんへのインタビュー記事。 タイトルにある通り大人気フォントAXISの生みの親です。現代における明朝体というものの居場所のなさからを感じたことから、新しい明朝体、TP明朝を開発したことについて語られています。 ここで言われている明朝体の居場所がないという話しは私も非常に感じると
新人コーダーが迷いやすいと言われている、ファイル名、id・class名の付け方。 この記事では、それぞれの命名規則やコツについてまとめたいと思います。 少しでも皆様の参考となれば幸いです。 共通事項 ファイル名、id・class名を付ける際の注意点 まず始めに、ファイル名、id・class名を付ける際の注意点から確認していきます。 難しいことはありません。 下記に注意して名前を付けるようにましょう。 1.半角英数字のみを使用する。 「日本語」、「全角英数字・記号」、「半角カタカナ」は使用することが出来ません。 2.記号は「-」(ハイフン)、「_」(アンダースコア)のみ使用する。 「\」(エンマーク)、「/」(スラッシュ)、「:」(コロン)、「*」(アスタリスク)、「?」(クエスチョン)、「”」(ダブルクォーテーション)、「<」(左アングルかっこ)、「>」(右アングルかっこ)、「|」(パイプ
本エントリは、「Android Advent Calendar*1」という企画の1エントリにもなっています。他にも色々楽しいエントリが上がる予定なのでこちらの方もチェックしてみてください☆ Google Web Fonts APIってなに? Google Web Fontsとは、Googleが提供するWeb Fontのホスティングサービスです。本日時点で、欧文フォントで302字体あります。ざっとこんな感じ。こんな種類の多いのでAndroidでも使ってみたくなってきますよね。 Androidで使ってみる。 Google Web Fonts は Android 2.2 以上対応となっています。通信が発生するのでパーミッションも必要です。AndroidManifest.xmlに追加します。 <uses-sdk android:minSdkVersion="8" /> <uses-permissi
週末の午前中、カフェでアイスコーヒーを飲みながらふとポエムでも書いてみようかと思い立ってしまったので、ちょっと前からよく考えていることを書く。本当に思いつきで書くので乱文になる可能性が高いけどご容赦いただきたい。そもそもブログを書くこと自体が相当久しぶりだ。 僕ももう 30 をすぎて、プログラマの世界ではさすがにもう若手とは呼べなくなり、教育っていうのはおこがましいけど、まあ自分より若い人たちの指導みたいなことをやらないといけない立場になってきたからこそ、「いいプログラマとはどういう人なんだろう。この人たちはどういうことを学べたら幸せだろう。」ということをよく考えるようになった。そういう話をする。 プログラマは手段のスペシャリストである 世の中には目的・手段論みたいな論調が存在する。 「それは手段だよね。目的をはき違えたらダメだよ。」という話はいたるところでよく耳にするんだけど、僕はこれを
築80年の文房具屋さんを改修。新潟県三条市でものづくりを体感できる宿泊施設「Craftsmen’s Inn KAJI」 古民家1棟まるまる貸し切れます! こんにちは。新潟在住キュレーターの渡辺真理子です。 みなさんは旅の宿を決めるとき、どんなポイントで選びますか? 部屋が広い、景色がよい、料理が美味しいなど、人によって色々な考え方があることかと思います。 今回ご紹介する「Craftsmen’s Inn KAJI」(以下KAJI)はその名の通り、鍛冶のまちを体感できる宿泊施設。 「地元の暮らしを感じながら旅をしたい」 こんなふうに思う方へ、ぜひオススメしたい宿なのです。 築80年の古民家を改修した、一日一組限定の宿。 KAJIがあるのは、職人のまちである新潟県三条市。 この宿はAirbnbに登録されているので、外国人旅行客の宿泊も多いようです。 築80年の文房具屋さんを改修した建物は、古い味
HTMLの各要素のブラウザごとに異なる差異をなくすために、ブラウザのスタイルを初期化するリセットCSS、初期化ではなくノーマライズ(正常化)するノーマライズCSS。 定番のスタイルシートから、最近リリースされたものまで、リセットCSSとノーマライズCSSを紹介します。 イラスト: Girls Design Materials 定番も最近のWeb制作にあうようバージョンアップされており、Web制作者は要チェックです! 下2つは通常のリセットとは異なるアプローチのスタイルシートです。 ress Normalize.css sanitize.css Marx Reset CSS minireset.css css-wipe Cleanslate Unreset CSS ress -GitHub normalize.cssを最近のWeb制作にあうようカスタマイズされたもので、ブラウザごとに異なるH
多少複雑なデザインでも、画像や JavaScript には頼らず、CSS で実現させる。そこにはもはや手軽さなどは存在しない。あるのは男のロマン。
「仕事は順調だけど、一生この仕事を続けていく覚悟まではできていない」、「友達もいるし、結婚も焦っていないけど、このままずっと一人だったらと考えてしまう」……アラサー女性を襲う「なんとなく不安」。姿の見えないこの気持ちの正体を、アラサー編集者のリアルお悩み相談を通して暴く本企画。第二弾の今回、編集者Aが向かったのは、真言宗の僧侶のもと。自ら抱える「なんとなく不安」を赤裸々に相談してみました。 選択肢が増えているのに、選べていないことが不安につながる 真言宗 僧侶 心理カウンセラー 羽鳥裕明さん 1968年生まれ。群馬県出身。大学卒業後9年間企業でエンジニアとして働いたあと、31歳で得度して真言宗の僧侶となる。現在、“心理カウンセラー僧侶”として、東京と地元の群馬にて悩み相談の「駆け込み寺」を開設。さまざまな悩みを抱える人たちが早朝から深夜まで次々と相談に訪れる。また、行政機関や企業でのメンタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く