[B! フォント] ropparaのブックマーク

roppara id:roppara

フォントに関するropparaのブックマーク (109)

CSSの便利ツールが登場！レスポンシブ対応のフォントサイズを超簡単に定義できる -Modern Fluid Typography Editor
Webサイトをレスポンシブ対応にする時、フォントサイズをさまざまなスクリーンに最適なサイズにします。スマホ用のfont-size、デスクトップ用のfont-sizeを定義するのも一つの方法ですが、font-sizeの最小値と最大値とその間の値を流動的にするclamp()を使用すると簡単に定義できます。 CSSでレスポンシブ対応のフォントサイズを超簡単に定義できるオンラインツールを紹介します。最近のやり方としてはvw, calc()を使用したフォントサイズの定義などがありますが、clamp()を使用するとかなり簡単です。最小値と最大値を決め、その間の変化の度合いも変更でき、もちろん日本語フォントのfont-sizeでも大丈夫です。 Modern Fluid Typography Editor Modern Fluid Typography Editor -GitHub Modern Flu
roppara 2022/01/31
レスポンシブ

フォント

css

editor

TIPS
リンク
パワポで図形を挿入すると、なぜか初期設定で変な色に……　意外と知らない、スライド作成の「面倒くさい」を解消するコツ
スライドマスターで押さえておきたい4つのポイント前田鎌利氏︵以下、前田︶‥ここからは堀口から、もうちょっと具体的なTipsの話をしてもらいたいなと思います。堀口友恵氏︵以下、堀口︶‥これまで﹁基本のTips﹂をお伝えしてきました。私からは、より速く、効率的に作れる﹁最速Tips﹂を3つお伝えしていきたいと思います。まず1つ目が、﹁スライドマスターで時短せよ！﹂。みなさん、スライドマスターは使ったことありますか？　名前を聞いたことはあるけど、どういった機能があるかわからない人もいると思うので、細かく説明していきます。スライドマスターとは、PowerPointデータのフォントやページ番号の設定の管理を、一括で行える場所です。まさにマスターです。ここであらかじめ自分が使いやすい設定にしておけば、新規スライドを作った時に毎回フォントを変えたり、色を変えたりする手間が一切なくなります。では、
roppara 2021/11/26
設定

プレゼン

フォント

インストール

あとで読む
リンク
フロントエンド開発のための Figma
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
roppara 2021/10/22
figma

開発

design

フォント

デザイン

web制作
リンク
日本語プログラミングフォント「PlemolJP」v1.0.0が公開／全角空白を可視化するなどの工夫を凝らす
roppara 2021/10/21
フォント

日本語

プログラミング

font
リンク
トランプ on Twitter: "やばいな〜。IBMがこの度公開した和文のゴシック体フォント「IBM Plex Sans JP」、完全にオープンソースなんだけど、独特のスミ取り処理とかでツブレにくく、これまでになかった表情があってオシャレ。完成度高くておすすめで… https://t.co/oRhFNB9kjk"
やばいな〜。IBMがこの度公開した和文のゴシック体フォント﹁IBM Plex Sans JP﹂、完全にオープンソースなんだけど、独特のスミ取り処理とかでツブレにくく、これまでになかった表情があってオシャレ。完成度高くておすすめで… https://t.co/oRhFNB9kjk
roppara 2021/07/26
フォント

font

あとで読む

デザイン

素材
リンク
欧文フォントは歴史と紐づけるとまじでわかりやすい｜ありさん
欧文フォントは歴史と紐づけるとまじでわかりやすい 1,124 ありさん 2021年5月25日 18:54 ダウンロード copy #デザイン #フォント 1,124 3人がオススメしていますこの記事が気に入ったらサポートをしてみませんか？記事をサポート
roppara 2021/05/28
こういう知識は面白いなー。それはそれとして全て画像のエントリは解像度が足りないとスマホで拡大したとき荒れて読みづらいのよね…

note

歴史

フォント

デザイン
リンク
しっぽり明朝｜商用・同人誌利用可能フリーフォント
◉しっぽり明朝は商用・同人誌利用可能の明朝体フリーフォントですしっぽり明朝は、石井中明朝体OKLやリュウミンKO、A1明朝、筑紫Aオールド明朝等に影響を与えた、東京築地活版製造所の名作書体である五号系活字を下敷きに、物静かで上品で、見ているだけでうっとりするような明朝体を目指して制作した、オールドスタイル明朝体フリーフォントです。どんな方でも制限なく自由に使えるハイクオリティな本文用明朝体をお届けしたいと考え、こしらえました。フォントを単体で販売したりライセンスを変更する以外は商用でも個人利用でもおおよそ自由に使えるSILオープンフォントライセンスのフォントです。 ◉本文用Regularウエイトを含め全5ウエイトの“新しっぽり明朝” ヴァージョン3は“新しっぽり明朝”と謳ってもいいかもしれません。それまで開発で使用していたフォント制作ソフトをFontforgeからGlyphsに変更し
roppara 2021/02/20
フォント

同人

font
リンク
「フォントの関係性はそんなのだったの！？」リアルに9割の人が気づいていない「游ゴシック」の話
おかやん @okyn4104101 これは気づいててその都度どのBを使う・使わないの判断や選別をしてたけど、﹁結論﹂までは整理できてなかったので、なるほど、という感想。 twitter.com/powerpoint_plu… 2021-02-03 12:04:01 Mitchara @Mitchara これと関連して、﹁Wordで、太字をちゃんと太字にするために和文書体を﹃游ゴシック﹄にすると欧文書体との切り替えがうまくいかない﹂という問題にここ数日悩まされていました。游ゴシック Medium + お好みの欧文フォントにして、太字はスタイル機能で游ゴシック + 太字にするとうまくいきますね twitter.com/powerpoint_plu… 2021-02-03 13:25:58
roppara 2021/02/04
フォント

font

まとめ
リンク
游ゴシックの話題の解説
﹁フォントの関係性はそんなのだったの！？﹂リアルに9割の人が気づいていない﹁游ゴシック﹂の話 https://togetter.com/li/1662198 のブクマ https://b.hatena.ne.jp/entry/s/togetter.com/li/1662198 わかりづらいとかキョトーンな人が散見されたので、蛇足とは思うけど解説をこころみる。正直なところ説明として元ツイがいちばんシンプルだと私は思うので、この解説は元ツイが言ってることを別の言い回しで回りくどく言い換えるだけになる。つまり逆にわかりにくいかもしれない。なお私は発端のツイートのひとではない。善意のいちハテナーである。さらに言えば私は組版の専門家でもない。仕事で多少フォントを扱う機会がある程度の素人＋毛である。太字には2種類あるまず、コンピューターの画面に映し出される﹁太字﹂には2種類ある。ひとつは、最
roppara 2021/02/04
ホントにええ解説やなぁ

フォント

design

TIPS

解説

font
リンク
モリサワ OpenTypeフォントの共同開発で株式会社写研と合意 | ニュース&プレスリリース | 企業情報
株式会社モリサワ︵代表取締役社長‥森澤彰彦本社‥大阪市浪速区敷津東2-6-25、以下モリサワ︶は、株式会社写研︵代表取締役社長‥笠原義隆本社‥東京都豊島区南大塚2-26-13、以下写研︶の保有する書体を、両社共同でOpenTypeフォントとして開発することに合意しました。写研の書体は、幅広いバリエーションと洗練されたデザインが特徴で、専用のシステムを通じて多くの媒体で利用されています。この度のOpenTypeフォント開発を通じ、より幅広い用途でご利用いただけるよう両社で取り組みます。フォントは2024年より順次リリースする予定です。2024年は、写研の創業者である石井茂吉氏とモリサワの創業者である森澤信夫が、写真の原理で文字を現して組む邦文写真植字機の特許を、1924年に共同で申請して100周年の節目にあたります。今回の取組みについて両社の代表は次のように述べています。株式会
roppara 2021/01/19
なろうの「今更もう遅い」テンプレがこれほど似合うケースも中々あるまい (適当

フォント

ニュース

開発

情報
リンク
[こかげ] フォント : Nu みちしるべ
概要﹁Nuみちしるべ﹂は、日本の道路標識に基づいて作ったフォントです。標識の数字に興味を持ったのが切っ掛けで作りましたが、数字だけだとフォントとしてあまり面白くないので、周りの赤い円を含めて自動的に組み立てられるように作り込んでみました。道路標識の全種に対応しているわけではないです。用途は…何かあるでしょうか。標識を自動的に組み立てるには、アプリケーションが OpenType‐フォントの高度な機能に対応している必要があります。非対応のアプリしか持っていない場合、手動で画像編集をして部品を組み立てる事になりますが、その部品としてフォントを利用できます。ウエブブラウザーも今のところ対応状況が微妙なので、次の見本は崩れて表示されてしまうかも知れません。﹁直接編集﹂や﹁自動着色﹂を切り替えてみると表示が改善する場合があるようです。︵なお﹁直接編集﹂を無効にした場合、文字列の書き替えは左上の
roppara 2020/11/06
フォント

編集

デザイン

道路標識
リンク
マイクロソフト、「Windows Terminal」機能確定版リリース。複数タブ、ペイン分割、プログラミング用フォントなどを含む、4月正式リリース予定
マイクロソフト、「Windows Terminal」機能確定版リリース。複数タブ、ペイン分割、プログラミング用フォントなどを含む、4月正式リリース予定マイクロソフトがオープンソースとして開発中の「Windows Terminal」バージョン0.9がリリースされました。今年4月に正式リリースが予定されており、今回リリースされたバージョン0.9は正式リリースに向けて新機能が追加された最後の版となります。 Windows Terminalは2019年5月にWindows 10の新機能として発表されたソフトウェアです。タブによっていくつでも画面を開くことができ、それぞれの画面でコマンドプロンプトやPowerShell、Windows Subsystem for LinuxやSSH経由でほかのサーバへの接続など、Windows 10上でのすべてのコマンドラインインターフェイスが統合可能となります
roppara 2020/02/17
windows

フォント

プログラミング

サーバ
リンク
個人開発のUI設計術 - Crieit
あんど( @ampersand_xyz )と申します。クイズメーカーなど、色々なサービスを個人でリリースしているフリーのエンジニアです。個人開発を支える技術のアドベントカレンダーではサービスを構築するArchitectureに関する技術の話題が多いなか、周りの方やマシュマロからの匿名メッセージ質問でUIのことに関する質問などが多かったので、本投稿ではUIやデザイン周りに関するTechnic…と言えるほど上等なものではないのですが、そのあたりの技術をお話したいと思います。なお、自分は正直かなり我流で適当にやっているので、もっといい方法のツッコミなど歓迎しております。 1.画面サイズの最大・最小幅を最初に決めておくまずはじめにここを決めます。いかにリキッドデザインやレスポンシブで画面を作成するといえども、極端に幅が小さい、または大きいデバイスを相手にする場合、どうしてもサイズ整合性を
roppara 2018/12/26
TIPS

開発

ui

アニメーション

フォント
リンク
え、ふぉんと？モリサワの“あの”フォントが「Windows 10 October 2018 Update」に標準搭載 - やじうまの杜 - 窓の杜
roppara 2018/10/05
windows

フォント

windows10
リンク
日本語のフリーフォントをまとめて試せる神サイト「ためしがき」爆誕　フォント遊びが捗りそう
さまざまな商用利用可能の日本語フリーフォントをまとめて試せるサイト﹁ためしがき﹂が7月4日にオープンしました。作者はナベ︵@nabettu︶さん。あなたが神か……！日本語のフリーフォントを試せる﹁ためしがき﹂オープン使い方は非常に簡単。トップ画面にある入力欄に好きな言葉や文章を入力すると、フリーフォントで表示した結果を閲覧できます。表示されたフォントをタップして各フォントの配布先に遷移すれば、フォントのダウンロードもスムーズです。PCでもスマートフォンでも利用可能で、フォントを試した結果をSNSでシェアすることもできます。﹁ねとらぼ﹂とトップの入力欄に入れると、フリーフォントでの表示結果がたくさんあります。フォントによってかなり印象が変わって面白い気に入ったフォント部分をクリックすると、シェアページと配布元へのリンクが現れます商用利用可能な日本語フリーフォントは、イラストや同人
roppara 2018/07/04
漫画

フォント

同人

日本語
リンク
CJK Type Blog | CJK Fonts, Character Sets & Encodings.
What in the world could オントロ (ontoro) and グスーム (gusūmu) possibly mean? (If you wait a few seconds, a hint will flash in the animated GIF above.) Continue reading… The UTC #160 meeting took place last week at Microsoft’s HQ in Redmond, Washington. For CJK enthusiasts, the big news is that the UTC accepted CJK Unified ideographs Extension G (aka IRG Working Set 2015), which includes 4,939 characters
roppara 2017/11/28
フォント

adobe
リンク
フォントオタクなデザイナーが本気で選んだ「美しいフォント」24選【フリー＆有償】
﹃Soldi﹄は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。名古屋の事業会社でデザイナーをやっているAkitaと申します。プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは﹁フォント﹂です。﹁フォントの選び方でデザイナーの実力が分かる﹂というのは、私が最初にデザインを教わった先輩の言葉でした。世の中にはどんどんクオリティが高く、美しいフォントが登場しています。広告・パッケージではやはり有償フォントが目立
roppara 2017/10/03
フォント

font

TIPS

資料

まとめ
リンク
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) 以下のことがわかります
roppara 2017/05/18
MBP

CSS

フォント

web制作
リンク
源ノ明朝
源ノ明朝は、アドビフォントとしては2番目の Pan-CJK 書体ファミリーであり、Serif 書体として源ノ角ゴシックと対をなすものです。どちらのファミリーも、東アジアに住む15億の人々のための、統一された書体デザインへのニーズに応えるためにリリースいたしました。源ノ明朝は、東アジアで用いられている4つの言語︵簡体中国語、繁体中国語、日本語、および韓国語︶で必要な文字をサポートします。それぞれ、7つのウェイトを持ち、各ウェイトに含まれる 65,535 の字形は、各言語の多様性を尊重するとともに、共通化できる部分については積極的にデザインの一貫性を高めるようデザインされています。さらに、欧文の豊富な文字セットを有し、ラテン、ギリシアおよびキリル文字に対応しますが、そのデザインは Source Serif に基づいています。
roppara 2017/04/04
日本語

フォント

web
リンク
ゴシック体のフリーフォント15選【商用利用可】
OSに標準で入っているフリーフォントだけではデザインの幅に限界があります。無料でありながらデザイン性が高いフリーフォントはたくさんあるので、使わない手はありません。そこで今回は、デザインの幅を広げるゴシック体フリーフォントを15個ご紹介します。商用利用可能なものに絞っているので、ぜひ参考にしてください！ ※ご利用にあたっては、各サイトの利用規約をご確認ください。
roppara 2017/01/24
日本語フリーフォントも色々あるのねぇ

フォント

font

OS
リンク
1 2 3 4 5 6 次のページ