HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
以前記事にした、Amazonや Fedexなど、意味を込められ、 作られたロゴを参考にしたい と思って個人的に探しました。 ロゴ制作をされてる方にも 少しは参考にして頂けるかと 思ってシェアしたいと思います。 こういうロゴを作りたい、というロゴ集です。どのロゴでも意味はあるのでしょうが、どの国の人が見ても、意味が分かるようなロゴはなかなか凄いですよね。インスピレーション向上になります。冒頭の「以前の記事」もよかったら。 City Cliq 指とボタンでcliqを表現しつつ、指とボタンが「太陽と街(city)」にも見えるように工夫されています。 City Cliq Birdie バーディとバードをかけて、アイアンにも鳥にも見えるように。アイアンにクチバシを付けただけでこう見えるのは凄い。 Birdie Web Girls この発想素敵ですね。Webのマウスアイコンとボタンを女性のピクトグラム
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
There are many books and articles on typography, but considerably few explore typeface selection and pairing. With the floodgates poised to open and the promise of many typefaces being freed up for use on websites, choosing the right face to complement a website’s design will need to become another notch in the designer’s belt. But where do we start? Until now, using any typefaces beyond those ins
「あのdiv要素は、どのフォントでレンダリングされているの?」「どのフォントがブラウザ上で利用可能なの?」といった基本的な情報が、CSS や CSS API からは(残念ながら)取得できません。 /* 実際に使われるフォントは一体どれなの? */ font: 24pt 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; ライトなユーザには不必要な情報でも、高度なWebアプリを組もうとすると、そういったレアな情報が欲しくなったりします。 仕方が無いので、いつものようにゴニョゴニョするのです。 レンダリングで使われているフォントを取得する やり方としては… window.getComputedStyle(node, null).fontFamily を取得 IE なら node
Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in
The weblog of Amrinder Sandhu: a UX/UI designer living in Ancaster, Canada; who heads design at Unmetric. “The way to design is the same, you give content form.” Erik Spiekermann talks with Elliot Jay Stocks about how typography is used in the digital domain and what digital designers can learn from traditional print techniques. Must watch. I am fan of following rules (and breaking them whenever r
"Font family" redirects here. For the CSS property, see Font family (HTML). For other uses, see Typeface (disambiguation). A Specimen, a broadsheet with examples of typefaces and fonts available. Printed by William Caslon, letter founder; from the 1728 Cyclopædia. A typeface (or font family) is a design of letters, numbers and other symbols, to be used in printing or for electronic display.[1] Mos
Aharoni (including Hebrew script) Aldhabi[1] calligraphic Arabic font by Microsoft. Aisha (Arabic, Latin) Aparajita (Angika, Bhojpuri, Bodo and other Indian languages) Arek (Armenian, Latin) Arial (Used in English, Arabic, Hebrew and other languages)[2] Avory (Cyrillic, Greek, Latin) Awami Nastaliq features a more extensive character set than most Nastaliq typefaces, supporting: Urdu, Balochi, Far
1.1 このドキュメントの目的 すべての文化集団は，独自の言語，文字，書記システムを持つ．それゆえ，個々の書記システムをサイバースペースに移転することは，文化的資産の継承という意味で，情報通信技術にとって非常に重要な責務といえよう． この責務を実現するための基礎的な作業として，このドキュメントでは，日本語という書記システムにおける組版上の問題点をまとめた．具体的な解決策を提示することではなく，要望事項の説明をすることにした．それは，実装レベルの問題を考える前提条件をまず明確にすることが重要であると考えたからある． 1.2 このドキュメントの作成方法 このドキュメントの作成は，W3C Japanese Layout Task Forceが行った．このタスクフォースは，次のようなメンバーで構成され，ユーザーコミュニティーからの要望と専門家による解決策を調和させるために様々な議論を行ってきた．
TrustpilotThis domain name is available for sale!fonttester.comView UppercaseView Lowercase$10,000USD Buy Now Pay in installments Or make an offer on this domain Accepted payment methods:More start × Select your installment term : $1416.66 for 6per amountmonths 2mo6mo10moYour first payment will be : $2916.7 Upon first payment: We will charge the first installment payment along with a 15% down paym
読者の u-turn さんから、電話番号などで数字を区切る場合に使う横棒はハイフンなのか半角ダーシなのか、という質問をいただきました。『欧文書体 その背景と使い方』で書いたように、欧文での組版では一般的にハイフンと半角ダーシはこう使い分けられています。 ●ハイフン＝単語を分割するとき、あるいは２つ以上の単語がまとまってひとつになるとき ●半角ダーシ＝「月曜から金曜まで」を表すときの「から（〜）」という意味で使う、など 日本の電話番号の表記はどれが「正しい」のか私も分かりませんが、まず、イギリス、フランス、ドイツ各国の例を見てみましょう。個人の名刺ではなく、うちの中にある広告やパンフレット類から拾いましたが、とうぜん同じような傾向で名刺も組まれているはずです。 イギリス。上から地下鉄マップ、大学職員の求人案内、デザイン雑誌『Creative Review』の広告欄の連絡先。ハイフンもダーシも
Finding the right font for the job. Using Font Picker This simple tool shows you all the fonts installed on your computer and helps you choose which one is most suitable for a particular project. Select the text in one of the boxes and type the text you will be using for your project. For example the name of your web site. Get rid of the fonts that don't like by pressing the x next to them so
ギンザ・グラフィック・ギャラリー第407回企画展 TDC 2025 （TOKYO TYPE DIRECTORS CLUB EXHIBITION 2025） 2025年04月04日(金)～2025年05月17日(土) Design: Achim Reichert 「文字や言葉の視覚表現」を軸に開催するグラフィックデザインの国際賞「東京TDC賞」は、1990年より毎年開催し、今年35回目を迎えます。 この度の応募には、2024年8月1日から10月1日までの期間に、国内外から大変に質の高い3590作品（国内1636作品、海外1954作品）が寄せられ、486の入選作品と、11の受賞作品、52のノミネート作品が決定しました。 TDC展2025では、その中から、受賞作品とノミネート作品を中心に特に評価の高かった約120作品を展覧します。今年も話題性にあふれる作品が揃いました。
Black Estate Limited | License 57/OFF/472/2024 – expiry 28th day of November 2026 | A copy of our license can be viewed here. | Biogro No: 5202. Media + Marketing Resources Friends of Black Estate Become a friend and be the first to hear of rare wine offers, event invites and stories about life on our vineyards.
Aharoni Bold Andalus Andalus new Andalus new Bold Andalus new Bold Italic Andalus new Italic AngsanaUPC AngsanaUPC Bold AngsanaUPC Bold Italic AngsanaUPC Italic Arabic Typestting Arial Arial Bold Arial Bold Italic Arial Italic Arial Black Batang Batang Che Gungsuh GungsuhChe Browallia New Browallia New Bold Browallia New Bold Italic Browallia New Italic Browallia UPC Browallia UPC Bold Browallia U
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く