HTMLで文字詰めするタイポグラフィー用JS | fladdict
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
込められた意味がよく分かるクリエイティブなロゴいろいろ
Webデザイン意味を持たせる 以前記事にした、Amazonや Fedexなど、意味を込められ、 作られたロゴを参考にしたい と思って個人的に探しました。 インスピレーション向上に。 以前記事にした、Amazonや Fedexなど、意味を込められ、 作られたロゴを参考にしたい と思って個人的に探しました。 ロゴ制作をされてる方にも 少しは参考にして頂けるかと 思ってシェアしたいと思います。 こういうロゴを作りたい、というロゴ集です。どのロゴでも意味はあるのでしょうが、どの国の人が見ても、意味が分かるようなロゴはなかなか凄いですよね。インスピレーション向上になります。冒頭の「以前の記事」もよかったら。 City Cliq 指とボタンでcliqを表現しつつ、指とボタンが「太陽と街(city)」にも見えるように工夫されています。 City Cliq Birdie バーディとバードをかけて、アイアン
ついにウェブでも有名書体が使える！Webフォントサービス Fonts.com Web Fonts β版が運用開始 - フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
GoogleがWebフォントサービスを開始 - フォントブログ
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
On Web Typography
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
レンダリングに使われているフォントと、ブラウザで使えるフォントを取得する - latest log
「あのdiv要素は、どのフォントでレンダリングされているの?」「どのフォントがブラウザ上で利用可能なの?」といった基本的な情報が、CSS や CSS API からは(残念ながら)取得できません。 /* 実際に使われるフォントは一体どれなの? */ font: 24pt 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; ライトなユーザには不必要な情報でも、高度なWebアプリを組もうとすると、そういったレアな情報が欲しくなったりします。 仕方が無いので、いつものようにゴニョゴニョするのです。 レンダリングで使われているフォントを取得する やり方としては… window.getComputedStyle(node, null).fontFamily を取得 IE なら node
アドビ―Dreamweaverデベロッパーセンター
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
A Way Back
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
Typeface - Wikipedia
"Font family" redirects here. For the CSS property, see Font family (HTML). 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] Most typefaces include variations in size (e.g., 2
List of typefaces - Wikipedia
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が行った．このタスクフォースは，次のようなメンバーで構成され，ユーザーコミュニティーからの要望と専門家による解決策を調和させるために様々な議論を行ってきた．
fonttester.com - font tester リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ハイフンとダーシ | デザインの現場 小林章の「タイプディレクターの眼」
読者の u-turn さんから、電話番号などで数字を区切る場合に使う横棒はハイフンなのか半角ダーシなのか、という質問をいただきました。『欧文書体 その背景と使い方』で書いたように、欧文での組版では一般的にハイフンと半角ダーシはこう使い分けられています。 ●ハイフン＝単語を分割するとき、あるいは２つ以上の単語がまとまってひとつになるとき ●半角ダーシ＝「月曜から金曜まで」を表すときの「から（〜）」という意味で使う、など 日本の電話番号の表記はどれが「正しい」のか私も分かりませんが、まず、イギリス、フランス、ドイツ各国の例を見てみましょう。個人の名刺ではなく、うちの中にある広告やパンフレット類から拾いましたが、とうぜん同じような傾向で名刺も組まれているはずです。 イギリス。上から地下鉄マップ、大学職員の求人案内、デザイン雑誌『Creative Review』の広告欄の連絡先。ハイフンもダーシも
Font Picker - finding the right font for the job
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
ギンザ・グラフィック・ギャラリー第276回企画展 Max Huber - a graphic designer
ギンザ・グラフィック・ギャラリー第401回企画展 TDC 2024 （TOKYO TYPE DIRECTORS CLUB EXHIBITION 2024） 2024年04月01日(月)～2024年05月15日(水) Design: Yugo Nakamura 「文字や言葉の視覚表現」を軸に開催するグラフィックデザインの国際賞「東京TDC賞」。34回目を迎えるこの度の応募には、国内外から質の高い3675作品が寄せられ、 40名の選考委員による審査を経て、デザイン年鑑に掲載する486の入選作品が選出。同時に10の受賞作品、52のノミネート作品が決定しました。 「TDC2024」展では、その中から、受賞作品とノミネート作品を中心に特に評価の高かった約130作品を展覧します。今年も話題性のある豊かな作品が揃いました。
Natural Wine. Fine Wine - Black Estate Winery
Black Estate Limited License 57/OFF/472/2020 expiry 28th day of November 2023 A copy of our license can be viewed here. Biogro No: 5202 Black Estate Limited | License 57/OFF/472/2020 – expiry 28th day of November 2023 | 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
OSソフトで自動的にインストールされるフォント一覧
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ページを開く
Get Stoked on Web Typography SXSW 2010
文字を組む方法 | 文字の手帖
济南心露谪网络科技