[B! font] tyosuke2011のブックマーク

tyosuke2011 id:tyosuke2011

fontに関するtyosuke2011のブックマーク (80)

無料ダウンロードOK、おすすめのフリーフォント総まとめ
このメディアを運営している日本デザインスクールでは、毎月120名ほどの受講生にデザインの指導をおこなっています。 WEBデザインを教えている中でよくあがってくるのが﹁フォントって、奥が深すぎる……﹂﹁けっきょく、どのフォントを使えばいいかわからん…﹂という声。その気持ち、めちゃくちゃわかります。最近はCanvaなど無料のツールでも簡単にデザインが作れるようになりましたよね。デザインのテンプレートが使えてすごく便利ですが、フォントの選び方がわからず、何度も何度もフォントを変えていた経験が私にもあります。そこで今回は、プロのWEBデザイナーもよく使っているおすすめのフォントをジャンル別に33個まとめてみました。ほぼ全て無料︵※︶でダウンロードできるフリーフォントなので、気になるフォントがあればぜひ使ってみてくださいね。 ※第一章でお伝えしている﹁おすすめの見やすいフォント TOP
tyosuke2011 2024/06/19
フォント

デザイン

font

ダウンロード

まとめ
リンク
ウェブサイト制作では、游ゴシックはおすすめしない理由
ウェブサイト制作では、游ゴシックはおすすめしない理由こんにちは、こんばんは！せきゆおうです。游ゴシックは好きですか？僕も印刷物では使いますが、ウェブサイトでは﹁游ゴシックを使ってください﹂と指示されるまでは使いません。また、そう指示された場合もデメリットは必ずお伝えするようにしています。﹁游ゴシックってMacでもWindowsでも標準でインストールされているし、デバイスフォントとして使う際に最有力候補では？﹂という方も多いです。それでも僕は推奨しません。その理由は4つあります。・游ゴシックはWindowsでかすれて見える・スマホ端末に游ゴシックは搭載されていない・実はMacOSで游ゴシックは標準では搭載されていない・今後、システムフォントとして使えないブラウザが増えるそれら4つの理由を参考資料を交えつつ解説したいと思います。その前に...游ゴシックの採用率は非常に高い
tyosuke2011 2024/05/31
フォント

windows

font

android

インストール
リンク
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
Rapidly build modern websites without ever leaving your HTML.A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. <figure class="md:flex bg-slate-100 rounded-xl p-8 md:p-0 dark:bg-slate-800"> <img class="w-24 h-24 md:w-48 md:h-auto md:rounded-none rounded-full mx-auto" src="/sarah-dayan.jpg"
tyosuke2011 2023/11/19
webデザイン

web制作

framework

class

font

webdesign

CSS

design

HTML

UI
リンク
文字コード | 衆議院議員河野太郎公式サイト
2023.05.10 官報に使われる﹁官報文字﹂というものがあります。そこには渡辺さんの﹁辺﹂の異体字が１４０文字も登録されています。日本語の常用漢字には２１３６文字ありますが、そこには邉や邊などは入っていません。そこでＪＩＳの第四水準までを含むJIS X 0213という標準を定め、スマホやパソコンではここまでを標準的に表示できるようにしています。ところが我が国の戸籍で使ってもよいとされている文字はそれを遙かに超えていて、少なくとも55，２７０文字もあります。全ての国民の氏名をコンピュータで扱えるようになることを目指して、戸籍統一文字や住基ネット用の統一文字を網羅した﹁文字情報基盤﹂を２０１１年に策定し、それにあわせたフォントを作成し、無償で提供しています。この﹁文字情報基盤﹂︵ＭＪ︶には、58，８６２文字が含まれています。しかし、このＭＪを全庁的に採用している自治体は、川口
tyosuke2011 2023/05/11
システム

フォント

行政

font

あとで読む
リンク
新しいNext.jsの入門 ─ App DirectoryによるWeb開発をハンズオンで理解しよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）
使用するライブラリこのアプリで、Next.js以外に使用するライブラリは以下の4つです。インストール方法等は必要な箇所で説明します。 Prisma TypeScriptのORマッパーです。アプリでのノートの保存等に使用します。 ▶ Prisma | Next-generation ORM for Node.js & TypeScript Tailwind CSS CSSフレームワークです。アプリのUIデザインに使用します。 ▶ Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Zod バリデーションライブラリです。APIレスポンスの型定義とバリデーションに使用します。 ▶ Zod | Documentation SWR データフェッチ用のライブラリです。ノート一覧のクライアントサイドで
tyosuke2011 2023/04/18
凄いボリューム

app

開発

js

web

font
リンク
ぎっしりフォント - ちばけいすけ - BOOTH
商用・個人利用を問わずロゴやポスターに使えるTrueType形式のフリーフォントです。直線のみで構成され、ぎっしり詰まっているのが特徴です。かなりクセのある文字ですので、本文に使用すると非常に読みづらくなると思います。英数字・ひらがな・カタカナ・一部の記号・小学六年生までに習う＋αの漢字が収録されています。最近の更新◆2023.12.24　version 0.92beta 配布 ◇次の文字の字形を変更しました。航 ◆2023.12.21　version 0.91beta 配布 ◇次の文字の字形を変更しました。船願
tyosuke2011 2023/03/31
フォント

デザイン

素材

font

あとで読む
リンク
LINE Seed
LINE Seed Licensing All content of LINE Seed is copyrighted material owned by LY Corp. All fonts are released under the SIL Open Font License, Version1.1. This license is also available with a FAQ at: https://scripts.sil.org/OFL You can use them for any personal or commercial purposes. However, the software font files themselves cannot be sold by the other parties other than LY Corp. For commercia
tyosuke2011 2022/10/25
LINE

font

design
リンク
19歳・東工大2年生が社長。音声合成界に衝撃を与えたCoeFont STUDIOが目指すこれからの世界｜DTMステーション
4月23日、彗星のように現れたネット上のサービス、CoeFont STUDIO︵コエ・フォント・スタジオ︶は、誰でも無料で使える音声合成サービスということで、瞬く間に広がり、2日で累計ユーザー数が6万人を突破。すでに20万人を超えるところまで来ているようです。日本語でテキストを入力すれば、非常に滑らかな声でしゃべってくれ、その音声をユーザーは商用を含めて自由に利用できるという画期的ともいえるサービスとなっているのです。このサービスを立ち上げたのは、なんと東京工業大学2年生、19歳の早川尚吾さん。株式会社Yellstonを立ち上げ、その新サービスとして、CoeFont STUDIOをスタートさせたのです。もちろん株式会社ですから、今後ビジネス展開をしていくことを目論んでいるわけですが、それはCoeFont STUDIOの延長線上にあるもので、世の中を大きく変えていく可能性もありそうです。先
tyosuke2011 2021/07/11
font

webサービス
リンク
CoeFont
10,000種類以上の豊富な音声ナレーターやアナウンサー、声優、著名人など老若男女の幅広い音声を提供
tyosuke2011 2021/05/02
webサービス

font
リンク
ウェブデザインにおけるline-heightについて
ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと﹁空き﹂の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。ということで、今回はCSSのline-heightについてまとめてみます。実は調べれば調べるほど奥が深いCSSのline-heightの世界ですが、まずは基礎からまとめていこうと思います。目次以下はページ内のセクションへのリンクです。 CSSのline-heightでは文字の上下にスペースができるウェブで使われるハーフ・レディングとは印刷とウェブにおけるレディングの違いデザインツールでのline heightの扱いの違い上下のハーフ・レディングを帳
tyosuke2011 2021/04/24
font

CSS
リンク
Icons - Material Design
Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.
tyosuke2011 2021/03/04
google

font
リンク
Font In Logo - Search Engine for Logos and Fonts
Search 'n find FONTS used by World BrandsIdentify the fonts used in popular brand logos and marketing materials.
tyosuke2011 2020/06/27
font
リンク
San Francisco フォントを探る - Qiita
San Francisco Font Family San Francisco はひとつの書体ではなく、SF Pro, SFCompact などと呼ばれ、それぞれに Text, Display, Rounded バージョンが存在します。Textよりも Display の方が多くのウェイトを揃えているのは、Textは視認性を重視した書体ゆえ、細いものは利用する想定にないからなのだと思われます。SFシリーズはVariable fontに対応しています。 SFPro vs. SFCompact SFPro は macOS や iOS, tvOS デバイスのシステムフォントとして採用されています。SF Compact は Apple Watch のシステムフォントとして採用されています。Compact は字が四角形に近い形をしていて、Apple Watch のような小さなデバイスでも視
tyosuke2011 2018/01/14
Apple Watch

Apple

あとで読む

フォント

font
リンク
これ読めますか？「日本人だけ読めない」フォントが話題に：ワイドナショー【2017/07/23】 | 何ゴト？
英語圏の人には読めるが日本人には読めないという、↓こちらのフォント文字。そして↓こちら、日本人が見ると﹁カモレレロ﹂、英語圏の人が見ると﹁HELLO﹂と読める。このように、日本人には﹁カタカナ﹂のように見えてしまう。これは﹁エレクトロハーモニクス﹂というフォントで、１９９８年にレイモンド・ララビィ氏︵カナダ︶が考案したもの。日本のテクノに憧れて作成したのが由来で、カタカナや漢字などは一切知らず偶然できたフォントだという。作者は、日本人がこのフォントを英語として読めないことにショックを受けたという。ちなみに、先ほどの文章の英訳は↓以下のようになる。
tyosuke2011 2017/07/24
あとで読む

font

フォント

日本

ネタ
リンク
Webブラウザにおける文字のアンチエイリアスの現状の最適解｜dwango creators' blog（ドワンゴクリエイターズブログ）
Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。 MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。デバイスのdpiによる見え方このまま各ブラウザでアンチエイリアスを揃える設定しても良いのですが、1x, 2xの解像度による見え方を見ていきましょう。(今回はThunderbolt Display = 109ppi, MBP Retina Display = 220ppiで検証・比較。実際に表示した画面をスマホのカメラで加工が無いようにして撮りました。) 109ppi(Thunderbolt Display) 220ppi(MBP Retina Display) 以下のことがわかります
tyosuke2011 2017/05/18
CSS

dwango

font

browser

chrome
リンク
矢印・特殊文字・記号一覧｜コピペ・標準フォントで使用可能 | 初代編集長ブログ―安田英久
tyosuke2011 2016/10/30
アイコン

まとめ

HTML

フォント

font
リンク
無料で使えるスプラトゥーンっぽいフォント「イカモドキ」
任天堂Wii Uの人気ゲームソフト﹁スプラトゥーン﹂では、ゲーム内に一見解読不能な象形文字っぽいフォント(通称﹁イカ文字﹂)が登場しますが、イカ文字以外にもステージ情報やニュースなどの表示には独特のフォントが使われています。そんなスプラトゥーン内で使われているフォントを再現したのが﹁イカモドキ﹂で、誰でも無料で利用可能となっています。フリーフォント﹁イカモドキ﹂ | あらむぎ http://aramugi.com/?page_id=807 イカモドキをPCで使うには上記のページをスクロールダウンして、﹁ダウンロード﹂の下にある﹁イカモドキ(ver1.0)﹂をクリック。なお、イカモドキの商用利用および加工・二次配布は不可となっています。﹁OK﹂をクリック。﹁ikamodoki1.zip﹂というZIPファイルが保存されるので、解凍してフォルダを開きます。フォルダ内の﹁ikamodoki
tyosuke2011 2016/10/25
.zip

font

フォント

game

splatoon
リンク
プロフェッショナルのデザイナーがよく使う21種類のフォント
ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock
tyosuke2011 2016/10/18
font

フォント

.net

free

design
リンク
fontelloを使ってfont-awesomeと互換のLINEのアイコンを作成する
2016年2月0日14時45分7年前 font-awesomeって便利なWebアイコンライブラリですよね。今までのアイコンと言えば﹁PNG画像を使ってから、CSSで揃えて ...﹂という感じでした。それがfont-awesomeを導入すると、 htmlの"iタグ"のクラス内に使いたいアイコンのクラスを入れるだけで使えるので Facebookや、Twitteのシェアボタン作成時に使っている人も多いと思います。1つ残念なことと言えば font-awesomeには" LINE ", " はてなブックマーク ", " feedly "のアイコンが揃っていません。 ( 海外のライブラリなので仕方ないですが .. ) それらのアイコンが揃っていない為、カスタムシェアボタンを作るのを諦めて公式のシェアボタンを使っているケースも少なくないのでしょうか。ってことで、Webフォントとして使
tyosuke2011 2016/10/17
font-awesome

素材

webdesign

font

Article
リンク
日本語ウェブフォントでサイトを明朝体表示。CSSフォント指定
デザインにおいてフォントは重要です。しかしウェブ上では日本語フォントはデフォルトのものか画像に置き換えているのが現状です。今回は、とくにウェブに向いていないと言われている日本語ウェブフォントの﹁明朝体﹂でのデザインについて無知なりに解説してみたいと思います。ちなみに当ブログは﹁フロップデザインフォント﹂を使用してます。 webフォントとは、CSSで指定したフォントを表示する方法です。閲覧者が指定したフォントを持っていなくても制作者サイドでサーバーにアップしておけば表示可能になるのです。しかし、これにはいくつか問題があります。日本語フォントは容量が重いため表示に多少の問題がある。サーバーにアップするという行為自体が禁止されている。など実際にはいくつかの壁があります。ただ今後はこれらの状況も変わってくると思います。 1.Winodws 8.1、OS X Maveric
tyosuke2011 2016/10/15
font

CSS

フォント

webfont

Webフォント
リンク
1 2 3 4 次のページ