はじめまして、ヒラギノフォント公式noteです｜ヒラギノフォント公式note
はじめまして、私は「ヒラギノフォント」を株式会社SCREENグラフィックソリューションズで担当している、正木（まさき）と申します。 私は日々お客様のフォントにまつわる課題解決に携わりながら、「もう一歩だけフォントを知っていただけたら何倍も良くなるのに…！」と感じるシーンが多々あります。 これはフォントに携わる人が常々感じていることだと思います。 例えば街中や映像、ウェブで見かける案内や広告、ソフトやハードに組み込まれるフォント、資料やプレゼンに使われる文字、そして企業や組織、ブランドのグローバルなコミュニケーションにおいてのフォントなど。 一昔前まではフォントを使う人は「デザイナー」に限定されていましたが、今やフォントを使う人がデザイナーに限定されないことも、そうした問題に影響していると思います。 スマートフォンひとつあれば、だれでも簡単にグラフィックや動画を作って、SNSやYouTube
“らしさ”から学ぶ欧文フォントのこだわり方 〜 もじもじ勉強会で小林章さんに聞いてみました
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは！ 2020年にヤフー株式会社に新卒入社をした外山水葵です。普段Yahoo!メールアプリでデザイナーとして携わっている傍らで、もじもじ勉強会という文字をテーマとした勉強会の運営を行っています。 みなさんは欧文フォント（アルファベット）を使ってデザインを行う時、フォント選びや文字の組み方にこだわりはあるでしょうか？ グローバル化が進み、日本国内のデザインでも欧文フォントを使う機会が増えてきたと思います。この記事ではデザイナーが取り組みたいこれからの欧文フォント選びについて紹介します。 ヤフーのフォントについて考える ヤフーには「ビジュアルから1秒でヤフーだと伝わるための基準」としてYahoo! JAPAN Visual I
フォントと画像の管理にはこれ！シンプルで使いやすい、WinMac両対応アプリ「Eagle」が神アップデート
以前当ブログで紹介した時からずっと愛用しているEagleがver.2に神アップデートしたので、改めて紹介したいと思います。 簡単に言うと、フォント（ttf,otf,ttc,woffも）、画像（jpg,png,gif,svg,webpはもちろん、raw,psd,ai,xd,sketch,clipも）、動画、音声、PDFやテキストも管理でき、タグ付けやフォルダ分けやカラーフィルターなどで整理も簡単できるアプリです。 Windows, macOS（M1対応）に対応したアプリで、1ライセンスで2つ使用でき、サブスクではなく買い切り、しかもバージョンアップの追加料金なしです。 ver.2が先日リリースされ、ver.1の人は無料でアップデートできます！ Eagle Eagleとは Eagle ver.2の神アップデート Eagleのダウンロード・インストール Eagleの使い方 Eagleとは Eag
グラムの“g”は“眼鏡のg”｜よしだたつや
アルファベットの小文字「g」には↑のように２つのカタチ（字形）があることはご存知だと思います。 正しくオープンテール型（左）とループテール型（右）というそうです。 自分はデザインを生業としていますが右のカタチを“メガネのg（ジー）”と言われ教わりました。 “メガネのg（ジー）”“赤い彗星のシャア” “鷹の目のミホーク”みたいな通り名、ちょっとカコイイですよねー。 確かに円になった部分が２つあってメガネに見えます。 「1kg」など、主に重さのグラムを表記する場合によくこの“メガネのg”を使ったりしまして、 「ここ、眼鏡gに修正しといてください」 なんて指示が出たりします。印刷物ならいいのですが、Webだと少し面倒で、一文字だけフォント指定を変えたりしないといけなかったりします。 “屋根付きのa（エー）” 「a」にも２つのカタチがあります。こちらはgほど有名ではないようですが、同じように通り名
[g]を「ジー」にするフォントありますか？？？
アルファベットのｇを ジー（上手くいえませんが、もう１つのジーです） にしたいのですが、どのようにすればよいでしょうか g g g Ｇ ｇ でなく、もっと簡単でよく見かける ジーです
![[g]を「ジー」にするフォントありますか？？？](https://cdn-ak-scissors.b.st-hatena.com/image/square/14ac321b90b76f51b5e0507e4b15430f233c461e/height=288;version=1;width=512/https%3A%2F%2Foshiete.xgoo.jp%2Fimages%2Fsp%2Fqa_recommend%2F2100_5.jpg)
独自フォントを持っている企業まとめ｜apollog
メルカリさんの独自フォント発表以来、独自の書体を持つ企業が増えてきるなぁと思っていたところ、安藤さんのツイートをみて、独自フォントを持つ企業ってどれだけあるのだろうと思ってざっと調べてみた。 楽天がオリジナルのタイプフェイス「Rakuten Font」をロンドンのDalton Maagと共に制作。 Dalton MaagはAirbnb、Netflix、Facebookといったブランドのタイプフェイスも手掛けている。 Rakuten reveals custom typeface by Dalton Maag to unify its global brand pic.twitter.com/OxyKpEMKvW — Go Ando / THE GUILD (@goando) August 15, 2020 1.Appleフォント San Francisco 背景・目的 Helvetica
mojimo - ちょうどいい文字を、ちょうどいい価格で
mojimoとは？ ちょうどいい文字を ちょうどいい価格で 「mojimo（もじも）」は、フォントワークスが提案する、フォントの新しいサービスです。 「ちょうどいい文字を、ちょうどいい価格で」をコンセプトに、 特定の用途ごとに最適な書体、最適な価格を実現しました。 定額制プランでご提供します。 あなたにぴったりフィットする ちょうどいい書体をパックにしました 人それぞれ、目的やシーンによって、文字の表現は異なります。 表現したいことが違うのに、みんな同じフォントでは、表現の幅も狭まります。 いまあなたが作ろうとしているもの、伝えたいことに最適なフォントのみを 目的ごとにセレクトし、専用のパックにしました。 定額制で、 好きなときだけ、好きなものだけ。 これまでフォントは、「プロのためのもの」というイメージが強くありました。 mojimoは、目的に合った最適なフォントを、使いやすい価格帯でご
48の書体を見分ける「フォントかるた」が話題！開発チームにこだわりを聞いた - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
文字のフォントをかるたにした「フォントかるた」について、制作チームに取材した。「フォント名」を聞いて札を取るフォント名を詠みあげて、そのフォントの札を取るというマニアックで難易度の高い「フォントかるた」が話題になっている。取り札の表には書体見本、裏には同じ書体で書体名。読み札には書体名と解説、書体見本が印字されており、通常のかるた取りと同じく、取った枚数によって勝ち負けが決まる。 使われているフォントは、日々目にしている多種多様なフォントから選んだ馴染みのあるものやユニークなもの、使いやすいものなど48種類。百人一首のように2人で対戦したり、大人数でわいわい対戦したり、2セット使って神経衰弱するなど、遊び方は無限大という。ネット上で「なにこれ、欲しい！」「全然分からない」「怖ぇ」「気になる」「誰か一緒に遊ぼう」「ずっと眺めていたい」などと話題になっている。 仲間内で遊ぶため手作りしたのが始
![48の書体を見分ける「フォントかるた」が話題！開発チームにこだわりを聞いた - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/ae5f64ab3f7ea81fee7967e5299d35aadcc71709/height=288;version=1;width=512/https%3A%2F%2Firorio.jp%2Fwp-content%2Fimages%2Fuploads%2F2018%2F01%2Ftorihuda.jpg)
Yaku Han JP - 約物半角専用のフォント
ゴシック体 明朝体 丸ゴシック すべて カッコのみ Hiragino Noto 横書き 縦書き w100 w200 w300 w400 w500 w600 w700 w800 w900 0.625rem 0.75rem 0.875rem 1rem 1.125rem 1.25rem 1.5rem 2rem Before 「約物半角専用のWebフォント」を優先的に当てることによって、Webテキストの日本語に含まれる約物を半角にすることができました。例えば「かっこ」や『二重かっこ』、【バッジに使いそうなかっこ】などを半角にできます。ウェイトは9種類。Noto Sans JPに沿っています。 <!-- HTML：CDNリンクを貼り付け --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.1/dist
The Typekit Blog | 可愛らしくも妖しい「貂明朝」登場
貂明朝はアドビのチーフタイプデザイナー、西塚涼子のデザインによる新しいアドビオリジナルの和文書体です。この新書体が Typekit の書体ライブラリーに追加されました。Typekit の書体ライブラリーのフォントは、Web 用フォントとしても、また同期することで PC 上のデスクトップフォントとしても利用可能です。Creative Cloud の有料プランにご登録の場合、追加料金なしでご利用いただけます。 貂明朝を従来の明朝体から際立たせている特徴は、躍動感のある手書きの文字の特徴に加え、江戸時代の瓦版印刷に見える運筆の特徴も取り入れていることです。伝統的な明朝体の画線の先端を丸め、やや太めに仕上げ、ふところは小さめにしています。貂明朝は、広告コピー、書籍・出版物のタイトルなど幅広い用途でご利用いただけます。 信じられないかも知れませんが、SVG グリフの中には、可愛らしい貂の姿をしたグリ
font-familyに游明朝を使用してはいけない理由 - Qiita
「Chromeでも読みやすい游ゴシックを指定する方法 」にご興味を示していただいた方、お待たせしました。 游明朝を基準としたfont-familyを指定するにはどうしたら良いかの記事になります。 Macでは問題ないのでWindowsについての内容になります。 先に結論 ゴシック体のようにバグを回避しつつも適用させる。 そんなこと明朝体では出来ません。 游明朝で問題になるのはfont-weight: 500;なので、コレを絶対に使用しないというコーディングルールがあれば、通常の記述で問題無いでしょう。（フレームワーク等で指定されているものは直しましょう） よって游明朝を指定する場合は下記のようになります。 ただし、IEのバグが回避できないので、個人的にはどうしても明朝体を使用したい場合は素直にWebフォントか画像を使うのがベストだと思います。 游明朝がダメな理由 游ゴシックとは違い、Chro
もし、HTMLのテキスト周りでデザイナーからこんなお願いをされたら... - Qiita
HTMLのテキストはPhotoshopのように融通が効かないから、デザイナーからの細かいお願いはだいたい断っている...なんてことありませんか？ モダンブラウザは色んなプロパティが対応してきているので、できることも増えています。 今回は、知っているといざというとき便利なテキスト周りのCSSを集めてみました。 「日本語、文字詰めできないかな？ほら、このカタカナとかキモい。。」 「Webで文字詰めだと？無理なんだよあきらめな！」なんていう時代はもうとうに過ぎ去っています。OpenTypeのフォントであれば、日本語でもちゃんと文字詰めできるんです。 .class { -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } ↓こんなかんじで
手書き文字をおしゃれに書く！かんたんテクニック5選 ｜ 箱庭 haconiwa｜女子クリエーターのためのライフスタイル作りマガジン
手書きの文字をデザインに取り入れてみよう！ こんにちは！デザイナーの戸田江美です。 近年、手書きの文字やイラストを使ったデザインをよく見かけます。手書きの文字ってかわいいけれど、なかなかフォントが見つからないですよね。欧文フォントならまだしも、日本語フォントなら尚更！それに、商用利用が可能なものも多くはありません。 そこで最近わたしは、少しの文字なら自分で書いちゃおう！とトライしています。そのなかで見つけた、ちょっとの工夫でおしゃれな手書き文字が作れるかんたんテクニックをご紹介します！ 見出しに使える！コンパクトな縦長文字 とにかく縦長に書きます！いきなり書くのが難しかったら、最初に長方形の補助線を書くと良いかもしれません。 こういう文字、最近よく見かけますよね。縦長にするだけで、コンパクトでシンプルな印象が出せます。見出しに使うにはちょうどいい感じ。 英語バージョン。旅行写真との相性がい
日本語フォントの角を丸くしてイメージを変えてみる | 鈴木メモ
だいぶ前ですが、Illustratorでパスのオフセットを重ねがけすることで、アウトラインを取らないまま文字を角丸処理できるよ、という方法を記事にしました。 Illustratorで印刷物風のかすれの描き方 『印刷風の』というタイトルでしたが、このやり方はオフセットの数値を変えれば違ったイメージも出せるので、いくつかバリエーションを作ってみました。 パソコンをWindows8に買い換えたので、画像のフォントは遊明朝と遊ゴシックです。 違うフォントでは再現できないものもありますが、数値を微調整すれば近いものが出来ると思います。 ※アウトラインを取らずに文字の書き換えが出来ますが、入稿時には安全のためアウトラインを取って下さい（前回記事及びこの記事の最後の注意事項も参照して下さい）。 ※ある程度大きめの文字でやらないとオフセット効果が無効になってかかりません。 いろいろな角丸文字 細めにかけて
毎朝見てたはずなのに……知らない間に変わっていた駅の“アレ” 制作会社「気付かれなくていいんです」
駅の券売機やバスの行き先表示――そんな誰もが目にする物の一部が、多くの人に気付かれることなくひっそりと変わっていることをご存じだろうか。 実は、変わったのは「フォント」。2016年ごろからさまざまな交通機関の表示が新しいフォントに置き換えられているという。いったい何のために、どんなフォントに変更したのか。フォント制作企業のモリサワに聞いた。 2016年ごろから「ユニバーサルデザインフォント」に それって何？ 話をしてくれたのは、モリサワの園田晋さん（エンタプライズ事業部）と澤村明子さん（広報宣伝部）。園田さんによると、駅で使われるようになった新フォントの一部は、モリサワが手掛ける「ユニバーサルデザインフォント」（UDシリーズ）というものだ。 「JR東日本の券売機に使われているのは、モリサワのUD新ゴです。バスタ新宿にある電光掲示板の行き先表示などにも同じフォントが使われています」（園田さん
おすすめのGoogle Web Fonts 25選 | それからデザイン スタッフブログ
Google Fontsは、何百ものWebフォントを無料で提供しているサービスです。最近では日本のサイトでもチラホラWebフォントを使ったサイトが増えてきました。画像を切らなくてもいいので運用が楽だったり、SEO的にも効果的なので、みなさんのなかでも使ってみたいと思っている人も多いのではないでしょうか？ しかし、いざ使おうとした際、困るのは”知ってるフォントが少ない”こと。 「Helvetica」とか「Garamond」など有名フォントのほとんどはライセンスの関係でGoogle Fontsでは扱ってないのです。 ここでは私が実制作で実際に使ったフォントや定番になりつつある代表的なフォント、あの有名フォントに似ているもの、いつか使ってみたい変わり種フォントなどを集めてみました。 使い方はこちらで詳しく説明しているのでご参考ください それからデザインStaff Blog デザイナーのためのJQ
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
約99％割引、「メイリオ」デザイナーによる日本語フォント109種類の詰め合わせ、27万4795円が2980円に【やじうまWatch】
Wordmark
Kern Type, the kerning game
