タグ

DesignとFontに関するoki448jpのブックマーク (42)

  • デザインシステムにおけるタイポグラフィーの試行錯誤 - DMM inside

    |DMM inside

    デザインシステムにおけるタイポグラフィーの試行錯誤 - DMM inside
  • GitHub - syakuzen/DelaGothic: fat sans-serif font

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - syakuzen/DelaGothic: fat sans-serif font
    oki448jp
    oki448jp 2021/02/26
    デラゴシック
  • Public Sans

    Official websites use .gov A .gov website belongs to an official government organization in the United States. Secure .gov websites use HTTPS A lock ( A locked padlock ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

    Public Sans
    oki448jp
    oki448jp 2019/04/11
    アメリカのウェブデザインシステム用に作られたオープンソースフォント「Public Sans」
  • Inter font family

    The Inter typeface family The 21st century standard Download ↓ Inter is a workhorse of a typeface carefully crafted & designed for a wide range of applications, from detailed user interfaces to marketing & signage. The Inter typeface family features over 2000 glyphs covering 147 languages. Weights ranges from a delicate thin 100 all the way up to a heavy 900. Each glyph has three dedicated designs

    Inter font family
    oki448jp
    oki448jp 2018/03/13
    スクリーン上のUIにおいて小~中のサイズで使われることを想定したフォント「Inter UI」
  • 絵文字😇を含むテキストを表示する @font-face 設定(Unicode 10.0対応版)

    CSS絵文字を表示するための @font-face 設定を紹介します。この方法はモダンな閲覧環境ではほぼ問題なく表示できます。またJavaScriptを使用して絵文字を画像に置換するタイプ(EmojiOne、Twemoji)と比較して、表示速度や利便性などの面で大きく有利です。 絵文字を含むテキストを表示する @font-face 設定(Unicode 10.0対応版) デモページもご覧ください。 以下のCSSを指定すると絵文字がきれいに表示されます。 @font-face { font-family: MyFontFamily; src: local("Hiragino Kaku Gothic ProN"), local("Meiryo"); } @font-face { font-family: MyFontFamily; font-weight: bold; src: local(

    絵文字😇を含むテキストを表示する @font-face 設定(Unicode 10.0対応版)
    oki448jp
    oki448jp 2017/07/17
    絵文字を含むテキストを表示するfont-family設定
  • 装甲明朝は源ノ明朝の派生フリーフォント〜ステンシル体風明朝体

    フリーフォント使用に当たって フォントをインストールして頂くとパソコンのワープロ、グラフィックソフトなどのアプリケーションを使って自由にデザイン、印刷することができます。個人利用・商用利用にかかわらず、無償で使用することができます。当フォントはSIL Open Font License 1.1のライセンスに準じます。 装甲明朝の概要 装甲明朝は以下の派生フォントです。 「源ノ明朝 (Source Han Serif)」 書体コンセプト 横線が極細のステンシル体風の見出し向け明朝体です。 少し劣化したラフな雰囲気に処理いたしました。 ミリタリーな雰囲気にも、男らしい格好良さにも マッチするようにと考えました。 装甲明朝の作例サンプル 書体見 フォントダウンロード 以下をクリックしてダウンロードしてください 装甲明朝をダウンロードする 予備リンク インストール 1.フォントをダウンロードした

    装甲明朝は源ノ明朝の派生フリーフォント〜ステンシル体風明朝体
    oki448jp
    oki448jp 2017/05/24
    源ノ明朝を改変して横線を極細にしたステンシル体風フォント「装甲明朝」
  • 超極細ゴシック体 - 糸 FONT

    Extra Light よりもさらに細い Extra Thin ウェイトの超極細日フォント 超極細ゴシック体の概要 このフォントは、「超極細」を目的とした 大きな紙をもとにボールペンを定規でなぞったようなイメージに仕上がっています。無機質で清潔感・透明感があるモダンでさっぱりしたフォントです。 スポンサーリンク このフォント使用時の注意 非常に細いため、小さな文字サイズでの使用の場合、印刷した時にかすれて見えなくなる可能性が高いです。 利用範囲が限られることを予めご了承願います。 見 白地に黒文字見。1行目は67pt、2行目以降は36ptの文字サイズで表示しています。フォントのアンチエイリアスの設定は「強く」になっており、通常の設定だとさらに薄くなります。文章はウィキペディアの『直線』項目より引用させていただきました。 水色(#03c6dd)に白文字の見。文字サイズ・アンチエイリ

    oki448jp
    oki448jp 2017/02/19
    超極細ゴシック体
  • オリジナル書体『秀英体』で活版印刷の風合いを再現した「にじみフォント」を開発 | ニュース | DNP 大日本印刷

    大日印刷株式会社(社:東京 社長:北島義俊 資金:1,144億円 以下:DNP)は、オリジナル書体「秀英体」で活版印刷の風合いを再現した「にじみフォント」を開発しました。第1弾として「秀英にじみ明朝L」を、ソフトバンク・テクノロジー株式会社(社:東京 社長:阿多親市 資金:664百万円以下:SBT)のWebフォントサービス「FONTPLUS」で、11月18日に発売します。 【開発の背景】 DNPは、前身である秀英舎の時代にオリジナル書体「秀英体」を開発し、100年以上にわたり、時代の変遷にともない開発を続けています。近年、デジタルメディアが進展するなか、出版や広告の分野では、古びた和紙や木目のテクスチャー(質感)、手書き文字などを活かし、あえてアナログな風合いを加えて温もりや手触り感を表現することが増えています。また、印刷用の版の凹凸の凸部分にインクをつけ、紙に転写する活版印刷の

    オリジナル書体『秀英体』で活版印刷の風合いを再現した「にじみフォント」を開発 | ニュース | DNP 大日本印刷
    oki448jp
    oki448jp 2016/11/20
    Webフォントとしてつかえる「にじみフォント」/まずはFONTPLUSで「秀英にじみ明朝 L」を提供
  • モリサワ、ウェブフォントサービス「TypeSquare」で文字詰めに対応 

    モリサワ、ウェブフォントサービス「TypeSquare」で文字詰めに対応 
    oki448jp
    oki448jp 2016/08/26
    TypeSquareが文字詰めに対応
  • UCDAフォント みんなの文字 | UDフォントに科学的基準

    私たちの周りにはたくさんの重要な情報があふれています。しかし、情報を伝える文字が不明瞭だと受け取ることができません。例えば小さく印刷された注意書き、遠くから見る案内サイン…。情報の見やすさ、わかりやすさが問われる時代です。 「みんなの文字」は、「劣化した状況でも見やすく」をテーマに、人間中心設計のプロセスと科学的基準により開発された、第三者認証であるUCDA認証を取得している唯一のUDフォントです。

    oki448jp
    oki448jp 2016/03/29
    UCDAフォント「みんなの文字」。Webフォントのみの利用はフリー。
  • クールなものから変わり種まで、フォント好きならチェックしておきたい特徴的なデザインフォント 30 - NxWorld

    案件などで使うとなると使い方が難しそうだったり、単純にこれはちょっと...って感じるものもちらほらあるかもしれませんが、個人的にデザインが特徴的だと思ったデザインフォントを全30種類まとめてみました。 全部がそうではないですが商用利用可能なものも多く、欧文フォントだけでなく日語にも対応しているフォントも幾つかあります。 他にはない面白いフォントを探したり見るのが好きな人は、是非チェックしてみてください :) 紹介しているフォントを使用する際は、ライセンス等は各自で再度確認してください。 ここで紹介しているフォントはエントリー公開時点で個人・商用問わず利用可能なものについてはライセンス表記は省略して紹介しています。 他ライセンスの場合はイメージ下部に記載しているので注意してください。

    クールなものから変わり種まで、フォント好きならチェックしておきたい特徴的なデザインフォント 30 - NxWorld
    oki448jp
    oki448jp 2015/12/24
    フォントいろいろ
  • Apple の新フォント San Francisco の秘密

    iOS 9 が一般公開されました。気づきにくいところですが、実はこの iOS 9 から、システムフォントが Helvetica Neue から、Apple が新たに開発した San Francisco フォントに変更されています。 San Francisco は Apple Watch のシステムフォントとして既に採用されていましたが、Apple Watch にとどまらず、iOS 9 や次期 Mac OS X “El Capitan” のシステムフォントとしても使われるようになります。 Apple WatchApple は、初代 iPhone からずっと、iOS のシステムフォントとしては Helvetica を採用してきました。また、Mac OS X でも 10.10 Yosemite からは、それまで使用していた Lucida Grande から Helvetica へと変更しています

    Apple の新フォント San Francisco の秘密
    oki448jp
    oki448jp 2015/09/18
    Apple の新フォント San Francisco の秘密
  • 機械彫刻用標準書体フォント

    機械彫刻用標準書体をデジタルフォント化しています。現在ベータ版を公開しており、正式版となるまでには年単位の制作期間を要します。 機械彫刻用標準書体とは 令和の改刻 フォント設計 長体仮名フォント ダウンロード テスト入力欄 連絡先 機械彫刻用標準書体とは 機械彫刻用標準書体は、工業的な彫刻によって文字を作製するときの標準として、日産業規格(JIS/旧日工業規格)に定められた書体です。工業彫刻における技術的制約から、独特な機能美を持っています。

    機械彫刻用標準書体フォント
    oki448jp
    oki448jp 2015/07/27
    機械彫刻用標準書体
  • 日本語フォントの年間契約サービスをまとめてみた - びびび新書

    前置きもそこそこに こんにちは。突然ですが和文フォントって高いですよね。いちいち購入してたらお財布がもちません。そんなみんなの救世主が「毎年定額払えばフォント使い放題」というサービスなわけですが、使える書体の数や種類から、ついてくる特典の種類、ライセンスの詳細や価格など、サービスごとにまったく異なっています。そこで、現在利用可能な和文フォントの年間契約サービスをすべてリストアップして、それぞれの特徴についてまとめてみました。記事の最後には簡単な比較表もあるので、参考にしてみてください。 注意事項として、価格はすべて税抜に統一しています。8%になる瀬戸際の時期ですし、分かりやすいようにね。また、当然ながら収録書体数や種類、サービス詳細についてはこの記事を書いている時点での情報です。特にライセンスについては、念のため自分で問い合わせることを推奨します。それと記事中のライセンスについての表記にあ

    日本語フォントの年間契約サービスをまとめてみた - びびび新書
    oki448jp
    oki448jp 2015/01/09
    日本語フォントの年間契約サービスをまとめてみた
  • fontgraphic - FGゼロラバウル

    FGゼロラバウルTTFフォントデータダウンロード *このフォントは未完成です。このページ内容をよくお読みになり理解された上でダウンロードください。定期的にアップデートは継続していきます。画像はすべてフィクションです。実在する名称ではなく架空のものも含まれます。 ひらがな、カタカナ、漢字の特徴 仮名はFGゼロゴシック同様。漢字の一部のみ零戦の機体プレートをイメージしたデザインです。第二次世界大戦日機の一部、愛媛室蘭練馬の自動車ナンバープレート漢字、謹賀新年など年賀状用漢字のみな特殊フォントです。零戦プラモデルのオリジナルデカール作成などでも重宝します。 収容漢字 型式零式一号艦上戦闘機二型製造番号三菱第号製造年月日所属基地報國第四号一式陸上攻撃機22型第一芙蓉電髪空母赤城・戦艦大和零戦五二甲型・乙型・丙型零戦・雷電・隼・月光紫電改・中島飛行機愛媛室蘭練馬三菱東京都目黒区新日電造艦戦闘爆撃

    fontgraphic - FGゼロラバウル
    oki448jp
    oki448jp 2014/11/26
    FG零ラバウルフォント
  • スマートフォントUI+オープンソース

    スマートフォントUI+は商用可のかっこいいフリーフォント フリーフォントのスマートフォントUI+は、無料ダウンロードでき商用可能なおしゃれでかっこいい日語書体。このフリーフォントは第二水準の漢字も含まれ、エクセル、ワード、Adobeイラストレーター等のアプリケーションで自由に加工して使えるゴシック体です。ひらがな、カタカナ、アルファベット、数字の字体をオリジナルで制作し、漢字をIPAexゴシックを改良したフォントで補完しています。 フォントのデザイン特徴について スマートなデザインを実現するために約90%のコンデンスド(長体、つまり縦長)になっています。グリッド(方眼)を意識したシステマチックなデザインで横組み、縦組みでのスッキリとしたモダンな表現を可能にします。また漢字に対して仮名文字がこぶりなフォントデザインになっているのも特徴です。モダンゴシック体(新ゴ[モリサワ]、ロダン[フォン

    oki448jp
    oki448jp 2014/04/10
    スマートフォントUI
  • 時刻表っぽいフォント — DiaPro

    DiaPro の特徴 DiaPro は印刷用だけでなく、Web Font としてもきれいな表示ができます。たとえば乗り換え案内サイトや携帯アプリでは役に立つでしょう。 DiaPro の記号は OpenType の合字(リガチャー)として定義されています。そのためフォントの適用ができない場合(サーチエンジンのSEOなど)でも意味が読めます 以下のブラウザはテスト済みです:Chrome(Win・Android)・Firefox・Safari(Mac・iOS)・IE10以上 太い数字 時刻表数字を2種類提供しています。 太い数字は、全角数字に置いてあります。また、半角数字の OpenType フィーチャー「タイトル文字(titl)」でも表示可能にしています。 Adobe CS/CC または LibreOffice であれば、半角数字に対し OpenType の「タイトル文字」フィーチャーを適用し

    oki448jp
    oki448jp 2014/03/30
    時刻表っぽいフォント — DiaPro
  • フォントブログ

    フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ

    フォントブログ
    oki448jp
    oki448jp 2014/01/10
    自由にダウンロードして使えるFirefox OSのオープンソースフォント“Fira Sans”
  • ゆず屋: [フォント] 『キルラキル』のあの文字

    ■ 『キルラキル』の見どころは、アホの子(CV:洲崎綾)ですよね? こんにちは。榊です。 今日は、この10月から始まったTVアニメ、『キルラキル』に出てくるあの文字の話です。 これです。 『キルラキル』では、こんな風に大きなサイズの文字で頻繁にテロップ(?)が入るのですが、この文字、かなり太いですよね。 ここまで極端に太いフォントというと、視覚デザイン研究所のロゴGブラックが真っ先に思いつくので、てっきりそれだと思ったのですが違いました。 (手作業で加工するには違いが多すぎたのと、ライセンスの関係で視覚デザイン研究所のフォントを使う可能性は低いだろうと思われたので、変だとは思ったのですが、思い込んでしまっていました。) 正解は、フォントワークスのラグランパンチでした。 ツイッターで指摘されるまで、このフォントの存在を完全に失念してしまっていました(笑) 上がオリジナルの映像、下がフォント

    oki448jp
    oki448jp 2013/10/08
    『キルラキル』のフォントはフォントワークスのラグランパンチ
  • fontgraphic - FGゼロダウンロード

    FGゼロTTFフォントデータダウンロード v.01---2013.09.21公開 v.02---2013.09.22ひらがなをより直線的、全体的にドット及びグリフ配置情報の調整 ひらがな、カタカナの特徴 FGゼロゴシックは、シャープでレトロな印象が特徴。特にカタカナは一切ノ丸ミヲ許サズ設計。零式艦上戦闘機の細部プレートに使われていた文字を忠実かつ、現代風にアレンジ。 英数字の特徴 半角英数字はトゥルータイプ幅2048emに対して、1400em等幅構造となっており、和欧混植の際に、日語の中に自然に英単語や数字がとけ込むようなデザインを目指しています。文としての英文字は一般的には没個性的なものが読みやすいとされますが、あえて個性を全面に出しながらも、ゆったりとした等幅構造をとることにより、可読性の高さとグレースケールの統一感に配慮。 零戦のタイヤ部分、緩衝脚柱部分の油と空気圧の説明プレー

    oki448jp
    oki448jp 2013/09/30
    零式艦上戦闘機の製造番号プレートで使われた書体を再現する「FGゼロゴシック」