[B! CSS-webFonts] yomotsuのブックマーク

Renner*: A free Futura alternative - Freebiesbug

yomotsu 2018/06/25

リンク

ksmtweb — Androidの明朝体表示されない問題

yomotsu 2016/11/11

デバイスフォント一覧

CSS-webFonts

リンク

Google Fonts + Japanese • Google Fonts + 日本語

Google Fonts は、デザイナーウェブフォントを直感的にご利用いただける、安定したオープンソースディレクトリです。膨大な数の文字のデザインに要する時間や、大容量のフォントファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma

yomotsu 2016/10/19

CSS-webFonts

リンク

CSS での OpenType 機能の構文 | Adobe Fonts User Guide

この機能は、一連の字形を﹁合字﹂と呼ばれる1つの字形に置き換えます。合字は、タイポグラフィの目的で好んで使用されます。この機能を有効にすると、通常の状況ではデザイナーやベンダーの審査に使用するような合字が挿入されます。この合字機能は、デフォルトで有効です。そのため、通常は CSS を記述しなくても動作します。ただし、Chrome ではデフォルトで有効になりません。また、Safari︵Mac または iOS︶では無効にできません。Chrome と Firefox の一部のバージョンでは、スペースを含む合字で問題が発生します。 .class { font-variant-ligatures: common-ligatures; -moz-font-feature-settings: "liga", "clig"; -webkit-font-feature-settings: "liga"

yomotsu 2016/03/14

CSS-webFonts

リンク

sprite画像はもう終わり？gulpでIcon Fontをつくろう！ | Goodpatch Blog

こんにちは。太朗です。最近案件で使ったアイコンフォントが便利だったのでご紹介致します。アイコンフォントのメリットスプライト画像はちょっとした色やサイズの変更も画像なので面倒ですよね。アイコンフォントを使えば色やサイズをCSSで自在に編集できるのでメンテナンスがかなり楽ちんです。なお、ベクターデータなので高解像度デバイスにも対応できます！アイコンフォントをgulpで作るでは、どうやってアイコンフォントを作るのか？作り方は色々ありますが、一番手っ取り早いのはgulpで自動で生成させることです。なおgulpのインストールなどは省略させてもらいます。以下がgulpファイルの例です。 gulp.coffee 'use strict'; gulp = require 'gulp' $ = require('gulp-load-plugins')() # svg を圧縮する gulp.tas

yomotsu 2015/01/27

“gulp-iconfont”

リンク

chogokubosogothic_5

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

yomotsu 2014/12/20

CSS-webFonts

リンク

オリジナルフォントを使ったデザイン - クックパッド開発者ブログ

こんにちは、ユーザファースト推進部デザイングループの元山です。デザイナーの皆さんはWebやアプリなどをデザインする上でフォントを作った事があるでしょうか？ずいぶんと前から﹁これからはWebフォントの時代だ﹂なんて言われながらも、現実は中々使うのが難しいなぁと感じている方は多いかもしれません。今回はクックパッドで実際に作ったオリジナルフォントを使ったWebやアプリのデザインについて事例を交えながら紹介してみたいと思います。クックパッドでの事例印象と機能を向上させるデザインのためのフォントブラウザやアプリの標準のフォントではない特殊なフォントを使う理由として真っ先にあげられるのは、やはり文字の雰囲気や見た目でデザイン的な印象や見え方を向上することができる点だと思います。最近ではAppleのWebサイトもオリジナルのWebFontを使ったデザインに変わりましたね。クックパッドでは特

yomotsu 2014/10/14

CSS-webFonts

リンク

鉄瓶ゴシック – フリーフォントダウンロード

鉄瓶ゴシックはどんなフリーフォント？フリーフォントの鉄瓶ゴシックは無料でダウンロードできる書体です。また商用・非商用問わず使用可能なので、安心してダウンロードして下さい。ロゴデザインやタイトル、見出し向けの漢字も含まれる日本語フリーフォント。極太のゴツゴツとした質感の味わい深いフォントです。ページ最下段のフォントのダウンロードボタンを押してダウンロードして下さい。 microsoftのエクセルやワードなどお手持ちのソフトでご使用できます。 Adobeのグラフィックソフト︵イラストレーター、フォトショップ︶があればアウトライン化など加工して、よりお楽しみ頂くこともできると思います。このフリーフォントをご使用になるには、ダウンロードファイルに含まれるリードーミーの内容を読みください。ライセンスフォントは以下のライセンスに準じます。フォント同梱のテキストをお読み下さい。Ap

yomotsu 2014/09/14

CSS-webFonts

リンク

源柔ゴシック (げんじゅうゴシック) | 自家製フォント工房

源柔ゴシック (げんじゅうゴシック) は、フリーの OpenType フォントである﹁源ノ角ゴシック (Noto Sans CJK / Source Han Sans の日本語部分)﹂を TrueType 形式に変換し、角を丸める加工を行い丸ゴシック風にした派生フォントです。フォントの概要字形が丸くなった以外の仕様は、﹁源真ゴシック﹂と同一です。プロポーショナル、等幅のファミリーも提供されます。さらに、丸みを変化させた以下のバリエーションを提供します。源柔ゴシックL (丸みを弱めたもの) 源柔ゴシック (基本) 源柔ゴシックX (より丸くしたもの) これらそれぞれに対してさらに7種類ずつウエイト (文字の太さ) バリエーションがありますが、丸みが文字の細さを上回らないようにするため、以下のようになっています。﹁源柔ゴシックX﹂﹁源柔ゴシック﹂の太さ ExtraLight は、

yomotsu 2014/08/29

CSS-webFonts

リンク

Google Noto Fonts_Noto Sans CJK JP（Googleの日本語フォント）

Noto is a collection of high-quality fonts in more than 1,000 languages and over 150 writing systems.

yomotsu 2014/07/17

CSS-webFonts

リンク

游書体をCSSで指定しよう - Qiita

はじめに 2017/01/20現在、挙動のテストが追いついていないので、このページを訪れる人に役立つと思われるリンクを置いておきます。 https://speakerdeck.com/tacamy/modanri-ben-yu-huontozhi-ding https://rxon.now.sh/crossPlatformYu.md 以下は2013年11月の情報なので参考にしないでください(その間にChoromeがDirectWriteに対応してnameテーブルの参照メタデータが変わったりしていて、設定すべきfont-family値が変わっていることが大きな要因です)。序文 Windows8.1とOS X Mavericksのリリースが開始されました。 Windows8.1ではRC版にインストールされていた游ゴシックに加えて、游明朝もインストールされています。 OS X Maverick

yomotsu 2013/11/01

CSS-webFonts

リンク

WebフォントとSVGフォント

シロクマ本に学ぶエクスペリエンスのための手技法 by 篠原稔和 - presentation from IA CAMP 2015Sociomedia

yomotsu 2013/10/26

リンク

Version Control Guidance – Frequently Asked Questions - MSDN Blogs

In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...

yomotsu 2013/09/25

リンク

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

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

yomotsu 2013/09/17

参考

CSS-webFonts

リンク

日本語Webフォントを使った一味違うWebサイトまとめ

ここ数年で日本語Webフォントの導入もかなり進ん... / 日本語Webフォントを導入したWebサイト / DENSUKE他...全15件ここ数年で日本語Webフォントの導入もかなり進んできました。マイナビ主催の「Webフォントデザインアワード」などでも年々注目度が増してきています。そこで、ここではいち早く日本語Webフォントを導入しているWebサイト事例をご紹介します。 Webフォントデザインアワード 2013 - 応募締め切りは9月30日（月）まで http://book.mycom.co.jp/wd/webfont/2013/

yomotsu 2013/09/03

CSS-webFonts

リンク

フロップデザインフォント

フロップデザインフォントという商用可の日本語フリーフォントフロップデザインフォントは、どなたでも自由に無料でダウンロードして、商用・非商用問わず使用できる日本語フリーフォントです。このフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。ひらがな、カタカナ、アルファベット、数字をオリジナルで制作し、残りの部分をM+FONTで補いました。またM+FONTで不足している漢字をIPAゴシックで補完しています。フォントのデザイン特徴について水平、垂直の線がデザインの基本となっているシンプルなゴシック体の日本語フォントです。暖かみのある手書きを感じさせるひらがな、シャープなイメージのカタカナ、スマートでデザイン性の高いアルファベット︵英語︶、スタンダードで読みやすい数字とそれぞれ異なる考えに基づいて作られたフォントです。しかし

yomotsu 2013/07/15

CSS-webFonts

リンク

Exocet Light webfont free download! Over 1000 FREE fonts more!

yomotsu 2013/04/18

diablo のフォント

CSS-webFonts

リンク

2012年版、漢字も揃っている日本語のフリーフォントのまとめ

個人や商用で無料で利用できる日本語のフリーフォントを紹介します。年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。 ※フォントを利用の際には必ずライセンスをご確認ください。最新版を公開！フォントの数が大幅に増えています。 2019年用、日本語のフリーフォント 366種類のまとめ

yomotsu 2012/12/13

ライセンス調べてまとめる

CSS-webFonts

リンク

IcoMoon App

Easily mange your icons and integrate them in your projects. Browse free icons or import your own SVG icons to export as icon font, SVG, PNG, sprite and more.