タグ

fontに関するheyMackieのブックマーク (109)

  • CSS SANS

    CSS SANS は、WEB上でデザイン・文字組をするためのプログラミング言語 CSS でつくられたフォント。 WEBの歴史・進化を映し出し、時代に合わせて形を変える、これまでにないフォントです。 CSS SANS is the font created by CSS, the programming language for web designing and typesetting. It is an unprecedented font that reflects history and evolution of the Web, and even changes its own shape. フォントの成り立ちHow the font is madeCSS でできることは、WEBページのレイアウトを整えたり、文字組・文字間の調整をしたりなど、様々。 ただひとつ、「文字自体をデザイン

    CSS SANS
  • 女子高生風?の可愛い極細フォント「JKゴシックL」のダウンロード - ふぉんときゅーとがーる。

    平仮名・片仮名が女子高生風(?)な可愛いフォント作りました。 このページから無料でダウンロードできます。 漢字等には「M+フォント」を使用させていただきました。制作者様にこの場を借りて感謝申し上げます。 JKゴシックLの特徴 ・全体的に丸っこい。 ・懐は大きめだけど、こじんまりとした感じ。。 ・曲線の最後は控えめ。 文字のデザインの特徴をあげるとすれば、だいたいこんな感じだと思います。 もしかしたら完全に女子高生っぽさを再現できてはいないかもしれませんので、あらかじめご了承ください。 JKゴシックLの文字組見 商用利用について(デザイナーさんなど) 自由に使って頂いて大丈夫です。急にかわいい系のフォントが必要になった!というときに役立ててもらえれば嬉しいです。 ウェブ制作者さんやWebデザイナーさん、クリエイターさんやグラフィックデザイナーさんまで幅広くご活用ください。もちろんそれ以外の

    女子高生風?の可愛い極細フォント「JKゴシックL」のダウンロード - ふぉんときゅーとがーる。
  • Helveticaばかり使っていませんか?ヘルベチカとその周辺フォントまとめ

    Helvetica周辺の書体〜ヘルベチカ代替フォント この記事の一番上の画像を見てください。ヘルベチカでロゴを組んでみました。 このようにヘルベチカを利用したロゴは多い。 ニュートラルな雰囲気で、世界一人気があるかもしれない書体Helvetica。 ちなみにHelveticaはヘルベチカと読みます。Windowsで似た書体はArial。 というわけで以下の画像のようなフォントです。 Helveticaのウェイト展開 ヘルベチカは豊富なウェイト展開(太さ)のフォントです。しかしMacOSのデフォルトの場合、すべてのバリエーションは含まれておらず抜粋です。これはヒラギノや游ゴシックにも言えることです。ヘルベチカは太さのバリエーションの他にコンデンスド(幅が狭い)、エクステンデッド(幅が広い)も含まれています。たぶんOSデフォルトの場合、上記のロゴの半分も作れないかもしれません。またHelvet

  • chogokubosogothic_5

    公開しているフォント一覧を表示しています。ライセンスについてはフォントによって異なることがありますので、各ダウンロードページにてご確認ください。 Extra Light よりもさらに細い Extra Thin ウェイトの超極細日フォント「超極細ゴシック体」 このフォントは、「超極細」を目的とした 大きな紙をもとにボールペンを定規でなぞったようなイメージに仕上がっています。無機質で清潔感・透明感があるモダンでさっぱりしたフォントです。 ダウンロードページへ スポンサーリンク 極細でオールドスタイルのかな文字が特徴的な「なごみ極細ゴシック」 モダンで直線的な漢字のデザインと、懐が狭くクラシックなかな文字。二つの特徴を併せ持った、少し風変わりなフォントです。 ダウンロードページへ スポンサーリンク 超極細フォントもあり。モダンなゴシック体「コトノデ」

  • 20年ぶりにアップルの純正システムフォント

    [San Francisco のレギュラー書体:Fast Company] Chicago フォントといえば初期の Macintosh ユーザーにとって懐かしい思い出だ。解像度の低い当時の白黒スクリーンに合わせてデザインされた Susan Kare のアイコンと Chicago フォントを覚えているひとは多い。 WatchKit の発表に併せて新しいシステムフォントが20年ぶりに姿を現した。 Apple Releases Its Most Important Typeface In 20 Years | Fast Company *     *     * 新しいシステムフォント「San Francisco」 Apple Watch のサードパーティ製アプリ開発用キット WatchKit が昨日アップルから発表された。フォント愛好家にはちょっとしたサプライズが含まれていた。20年ぶりにアッ

    20年ぶりにアップルの純正システムフォント
  • 各社の Futura の違い | ここにも Futura

    読者の DAYLIGHT さんから、メーカーによって書体のデザインが違うのはなぜかという質問をいただきました。 MyFonts.com で調べたところ、 Futura という名前で手に入る書体はたくさんあります。その中から、Extra Bold のウェイトに限定して比較するだけでこんな風に違いがあります。一番上が Futura ND です。同じポイントサイズでの比較ですが、大きさにも違いがあります。 そうなったのにはいろいろ事情があって、それこそメーカーよっても書体によっても様々なケースがあるので推測の域を出ませんが、こんなふうに考えてください。 メーカーによってデジタル化の次期や担当者が違います。版権を持っている活字会社からライセンス契約して原図(清刷)を借り受けてデジタル化したとしても、作業担当者が違えば最終的にできあがるものもとうぜん違うわけで、 Futura のように金属活字書体と

    各社の Futura の違い | ここにも Futura
  • フォントはウェイトを使いこなすと更に面白くなる!ウェイトが軽いフォントの効果的な使い方 | コリス

    ウェイトが軽いフォントを使うと、デザインに明瞭で美しく洗練された印象を与えることができます。しかし使い方を間違えると、読みにくいだけでユーザーが内容を理解することができなくなってしまいます。 軽いウェイトのフォントを効果的に使う方法、気をつけたい注意点をUX Movementから紹介します。 Do's and Don'ts of Using Light Typefaces 下記はUX MovementのAnthonyの記事を意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外のブロガーから無断翻訳、まとめ記事の無断転載・少しだけ加えて盗用の声を聞くのでご注意ください。 見出しとボディテキストでの効果的な使い方 見出しのデザインを派手すぎないようにする方法 デザインにより洗練された印象を与える方法 軽いフォントは見た目だけではありません 小さいテキストに軽

  • 新人くん、これわかる!?書体の要素が手っ取り早くわかる例え画像 | WebNAUT by Beeworks

    こんにちは!新人デザイナーの入社を今か今かと待ち望んでいるデザイナーのタカハマです。 前回は「定番書体代わりに使えるGoogle Fonts」をご紹介しましたが、今回は「書体の要素」をちょっとした例え話と画像を用いてご紹介します! フォントにも家族がある デザイナーが書体を語る上で、まず知っておきたい言葉「フォントファミリー」 書体の太さ・傾き・字幅が異なっても、書風に一貫性のあるフォント群をまとめて「ファミリー」と言います。 そう、書体にも家族があるんです!次の画像はヘルベチカファミリーの一例です。 そんなフォントファミリーの特徴をWebNAUTにちょこちょこ登場しているキャラクター「ウェブノートくん一族」に例えてご紹介します。 太さ(ウェイト) 同じ書風で太さに変化をつけた書体を用意することをウェイト展開といいます。いわば体重ですね。 シンくんはガリガリタイプで、レギュラー・ブックくん

    新人くん、これわかる!?書体の要素が手っ取り早くわかる例え画像 | WebNAUT by Beeworks
    heyMackie
    heyMackie 2014/03/15
    わかりやすい
  • ゆず屋

    漫画、アニメ、ライトノベル関係のロゴに使われているフォントの紹介。オタクのためのフォント「書体の研究」の情報も。「狼と香辛料」第壱話 〜我こそは誇り高き賢狼の狼である〜 from 混沌と勇気日記。 〜新たなる勇ましき無秩序の世界〜 01/11 22:24 みなみけ〜おかわり〜 1杯目「温泉、いただきます」 それが今重要か? from 裏オタク 01/11 04:42 シゴフミ 第1話「コクハク」 from 天使は瞳を閉じて 01/09 04:19 みなみけ~おかわり~ 第1話 from ニコパクブログ1号館 01/08 03:17 みなみけおかわり1杯目『温泉、いただきます』 from アニメ好きのケロポ 01/08 00:00 昨日の土曜日はこれを観ていました。 『乃木坂春香の秘密』の DVD 第1巻です。 で、同封されていた冊子にちょうど良い資料があったので、以

  • FONTFREE

    フォントフリーについて FONT FREE(フォントフリー)は、無料で使える日語フリーフォント投稿サイトです。 漢字やカタカナ、ひらがなをはじめとした日語の無料フォントを、明朝やゴシック、手書きなどのカテゴリーから探すことができます。紹介ページリンクからダウンロードもすぐにできます。 あなたの欲しかったフォントが、すぐに見つかりますように。

    FONTFREE
  • ソースコードを表示するためのフォント「Source Code Pro」をアドビがオープンソースで無料公開 - Publickey

    プログラミングやマークアップなど、コーディング作業のときにソースコードを表示する目的で開発されたフォント「Source Code Pro」を米アドビがオープンソースとして無料公開しました。24日(日時間24日深夜)に開催された同社のイベントCreate the Webで発表されました。

    ソースコードを表示するためのフォント「Source Code Pro」をアドビがオープンソースで無料公開 - Publickey
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • text-rendering: optimizeLegibility

    WordPress の次期デフォルト・テーマ、Twenty Twelve の CSS を見ていたら、body 要素に text-rendering: optimizeLegibility という見慣れないプロパティが指定されていたのでちょっと調べてみました。 The ‘text-rendering’ property – SVG 1.1 (Second Edition) text-rendering | Mozilla Developer Network Cross-browser kerning-pairs & ligatures CSS Text-Rendering | Trent Walton text-rendering プロパティは CSS ではなく SVG の仕様に定義されています。現在のところ利用できるブラウザは Firefox、Chrome、Safari。指定できる値は a

    text-rendering: optimizeLegibility
  • フリーティケットシアター全サービスが終了

    フリーティケットシアター全サービス終了 誠に勝手ながら、「フリーティケットシアター」のサービス提供を 2016年3月31日をもちまして終了させていただきました。 これまで長らくご愛顧を賜り、誠にありがとうございました。 http://www.freett.com/

  • GD-高速道路ゴシックJA-OTF (GD-HighwayGothicJA-OTF) 高速道路の文字を再現しよう計画 5r4ce2[Fiber Force2] pumpCurry's Website - fontJunction at hogera.com

    ぱんかれはいつも「なんかないかのう」とつぶやきます。 しかし、このワードをつぶやいているときは面白いモノを作るきっかけを探しています。 高速道路フォントを作り始める前にも「なんかないかのう」とつぶやいていました。 最近はコンビニエンスにいろいろなものが簡単に実現できるようになりました。 調べることも、遊ぶことも、作ることも、何か始めることでさえ、ネットにつなげることができればすぐ完結できてしまいます。 そんな世の中を受け入れつつも、他の方の「こんなのないかのう」を満たすような、なにか変わったものをつくりたい。 サイト名称「5r4ce2(ファイバーフォースツー)」は、Fiber(繊維のような)とForce(力)、この2つを組み合わせたものです。 みなさんと、がっしり結びつきながら、新たな方向性という「力」を、世に発信していければと考えています。 いっしょに、私たちと楽しんでみませんか? 20

  • ゼントラーディ語講座

    ゼントラーディ文字は地球のアルファベットにそのまま対応している。 大文字、小文字の区別は基的にないが、大文字に相当する文字にアンダーラインを引く…と、設定書には書いてあるが、TVで見る限り、実際にそのように使用しているとは限らなかった。 また、大きく(小さく)する、のばす、上げる(下げる)、などのアクセント記号があり、文字の上につけて発音の補助とする…と、これまた設定書には書いてあったが、実際には目にしなかったような気が…する(笑)。

  • 「AXIS Font」フォントの魅力 | ykazu.com

    Advent Calendar 2013 #LOVEFONT  に参加しました。 私からは Type Project の AXIS Font を紹介します。 「伝わりやすさ」を決めるフォント 私は Web やアプリのコンテンツを適切に配置しデザインする「情報設計」に関する仕事をしていますが、その中で「伝わりやすさ」の設計で重視しているものがあります。 精巧にライティングされた文章の最終的な印象を決める「フォント」です。 私たちが目にする印刷物や、TV のテロップなどは、様々なフォントが選ばれて文字を伝えています。和文フォントは字数も多いことから、プロフェッショナル向けにデザインされたフォントは高額なものも多いです。 今回紹介する AXIS Font もプロフェッショナル向けではありますが、このフォントの持つ魅力を紹介したいと思います。 モダン和文タイプフェイス 「この色は、あなたです」など

    「AXIS Font」フォントの魅力 | ykazu.com
  • のらもじ発見プロジェクト

    古い町並みには、洗練されていないけれど個性的で味のある文字がたくさんあります。このプロジェクトは、そんなステキな文字たちを「のらもじ」と名付け、それを 発見 → 分析 → フォント化 を進めていく活動です。フォントはインストールしてお使い頂けます。 We can find a lot of font in old towns. Those may not be so sophisticated but has unique charm. In this project, we named such characters “NORAMOJI”. We aim to “Find > Analyze > Reproduce” them. Users can intall and use the font.

    のらもじ発見プロジェクト
  • iOS 7 で使えるフォント名一覧 - その後のその後

    『iOS 7 の隠しフォント, ヒラギノ角ゴ W1/W2 を CSS で指定する』という記事を読んで、「あれ、これってPrivate APIにあたるんじゃない?」と思いフォント名一覧を出力してみたので、そのついでにその一覧をここに掲載しておきます。 (追記2013/10/17その1) iOS7で追加されたフォント、iOS6で追加されたフォントがわかるよう色分けしました。 (追記2013/10/17その2) iOS7の新機能のサンプルコード集、『iOS7 Sampler』 で新フォントを確認できるようにしました。 サンプルコードを提供されてもビルドできない!というデザイナーやディレクターの方は、ぜひお近くの開発者に実機インストールしてもらってみてください。 (追記ここまで) 何に使うのか? self.hogeLabel.font = [UIFont fontWithName:@"Helvet

    iOS 7 で使えるフォント名一覧 - その後のその後
  • 日本語フリーフォントまとめ最新版FreeFont一覧〜無料ダウンロード

    自分用に日語フリーフォントをまとめ〜個人や商用などで無料ダウンロードできる日語のフリーフォントを紹介〜年賀状にぴったりなフォント、手書きフォント、スタンダードなゴシック・明朝体などの漢字が使えるフリーフォントが揃ってます(一部を除く)フォントを利用の際には必ず同梱もしくはウェブサイトのライセンスをご確認ください。また規約・ダウンロード形態が変更になる場合があるのでご了承下さい。 フロップデザインフォント うつくし明朝体 フロップデザインのフリーフォント一覧ページ 自由の翼フォント [browser-shot width=”600″ url=”http://tanukifont.sblo.jp/article/74591320.html”] アニメ『進撃の巨人』のOP2をイメージ 2/3角フォント [browser-shot width=”600″ url=”http://opentyp

    日本語フリーフォントまとめ最新版FreeFont一覧〜無料ダウンロード