イケてるサイトのフォントを調べてみた（和文&欧文）｜TechRacho by BPS株式会社
こんにちは。デザインチームのニシです。 今日はフォントの話です。フォントの話は奥が深くて沼。あんまり長くならない様に焦点を絞って書きます。 今回は前々から気になっていた「Webサイトで使われているフォント」について調べてみました。 自分でデザインするときは大体欧文フォントをWebフォントから1〜2種類選んで、日本語は游ゴシック、みたいに形式化していたので、他サイトのフォントを調べることでデザインの幅を広められたらなと思いました。 結論からいうと、 「欧文フォントは自由に選択されている」 「和文フォントは游ゴシックかNoto Fonts」 という結果でした。 欧文フォントは書体数が少なく軽いため、フォントファイル読み込みでもなんでも自由！和文は書体数が多く重いためOS搭載フォントかWebフォント！というところですね。納得。 Webサイトで使用するフォントについて軽く説明 Webサイトでのフォ
【webデザイン】そのフォント指定どうして必要なの？ - ゴシック体VS明朝体編 -｜TechRacho by BPS株式会社
2019.12.13 【webデザイン】そのフォント指定どうして必要なの？ - ゴシック体VS明朝体編 - こんにちは。デザインチームのスギムラです。 タピオカばっかり呑んでましたが最近は仙草ゼリーの方が好きです。 冬のタピオカはホットが良いと聞いたのでホット飲んだら想定よりめちゃくちゃ甘くてもたれました。 暖かいと人の味覚は甘さを強く感じるんですね… アドベントカレンダーなので今年こそはクリスマスっぽいネタをとおもいましたがそんなにクリスマスっぽい面白ネタが思いつかないのですぐに諦めました。 今回はWebデザインをするときのフォントのお話をしようと思います！ 今回の経緯 以前、デザイナーのニシが書いた記事にエンジニアの常川から熱いレスが届きました。 曰く、「なぜ『デザイン上、明朝体を絶対に使いたい時がある』のか一発で理解できるように納得できる記事を見てみたい」とのことでした。 デザイナー
Webにおいて明朝体はNoto Serif CJKを使うべし -IE11対応版｜TechRacho by BPS株式会社
こんにちは。5月に産休育休から復職したデザイナーのニシです。 最近、健康と体力作りのために筋トレを始めました。毎日昼休みにコヤマさんと一緒に10分ほど筋トレしてます。皆さんもいかがですか。 今回は、レスポンシブサイトをデザイン・コーディングする際に明朝体の指定は何にするのが一番いいのか、試行錯誤した結果得た最適解を書きます。 最初に：結論 先に結論をいうと、 Google FontsのNoto Serif CJK（源ノ明朝）を使う IE11対応のためGoogle Fontsの設定で「Japanese」を必ず選択する です。Japaneseを選択しなかったというだけでかなり、右往左往してしまいました（後述）。 Google Fontsとしては他にも明朝体の選択肢はありますが、癖のない良い感じの明朝体というとやっぱりNoto Serif CJKかなーと思います。しかしいずれ、さわらび明朝も使っ
源ノ明朝フォントの縦書きはSafariで半角数字が正立するので気をつけよう｜TechRacho by BPS株式会社
源ノ明朝フォント、使いやすくて良いですよね。文字数、デザイン、ライセンスのバランスが良くて汎用性が高いです。超縦書でも、以前はIPAex明朝のカスタムフォントを同梱していましたが、現在では源ノ明朝のカスタム版に変更しています。 そんな源ノ明朝ですが、縦書きで使うと、Safari10.1.1で開いた際に半角数字が正立してしまうのでご注意ください。 jsbin.comのサンプルコード（Safariで開くと再現できます） 詳しくはCSS Writing Modes 3やUAX#50を参照いただくとして、本来英数字はUAX#50のプロパティがRなので、text-orientation: uprightを指定しない限り横向きになる（=横に寝る）はずであり、他のブラウザやSafariでも他のフォントでは横になります。 色々試してみたところ、フォントにloclテーブルがありそれで置換されたグリフは、問答
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
