リガチャ（合字）を使ってコードをかっこよくしよう -WebStorm・IntelliJ IDEA編- - Qiita
プログラミングコードには多くの記号が必要です。例えばJavaScriptでは、２つの値が同じかどうかを比較する等価演算子として、=を２つ並べて次のように記述します。 コードを読む場合、 =という文字が、=単体の意味なのか、==と繋がるのか、脳内で判断をするストレスがあります。 これに対し、1つの意味を1つの文字で表してコード全体の可読性向上を図るのが、リガチャ（合字）です。リガチャを用いると、前述の等価演算子と関係演算子は下記のように記述可能です。 IntelliJ IDEAやWebStormではリガチャを使用可能 JetBrains製のIDEであるIntelliJ IDEAやWebStorm等の2016.3では、リガチャを用いることができます。記号と文字を一対一で対応させることができるので、すっきりとコードを記述可能です。 リガチャの設定方法 リガチャは全てのフォントで使えるわけではなく
フォントのリガチャ（合字）やスワッシュの正しい使い方
ロゴやメッセージ、キャッチコピーなどで、単に文字を並べるだけは味気ないものです。リガチャ（合字）やスワッシュを使って、文字のデザインを楽しみましょう！ 質問メールがたまにくるので、フォントのリガチャやスワッシュの正しい使い方を紹介します。 フォント: TheSecret 最近のお気に入りフォント「TheSecret」を使って、リガチャとスワッシュの使い方を見てみましょう。 ※TheSecretの作者様に画像掲載の許諾を得ています。 リガチャ（合字）とは、スワッシュとは リガチャ（合字）とスワッシュの使い方 リガチャ（合字）とは、スワッシュとは リガチャ（合字）とは複数の文字を合成して一文字にすること、スワッシュとはスクリプト系フォントのにょろっとした字形。 TheSecretはスクリプト系フォントの中でも、特にリガチャとスワッシュが充実しており、文字のデザインを楽しめます。
合字（リガチャ）が美しいフォント7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。はじめに言っちゃいますと、今回紹介するフォントは１つを除いて全て有料です。。。 でもフリーではなかなか見つからない買う価値アリのフォントばかりなので、まずは見るだけはタダと思って読んでもらえると嬉しいです。 合字（リガチャ：Ligature）とは 「合字」ってご存知ですか？（私はつい最近知りました…）2つ以上の文字を1つの文字に合体させたものを合字といいます。 「ff」「fi」「fl」など、読みやすくするための代表的な合字はお馴染みのヒラギノやメイリオにもちゃんと用意されています！ こちらはちょっと変わった合字。 「LA」などのカッコイイ合字は普通のフォントには収録されていません。 フリーフォントで色々検索してみたものの、合字がたくさん用意されているものは残念ながらほとんど見つかりませんでした… 有料だと美しい合字がたくさんあるので、紹介したいと思います
商用でも無料の、合字を利用してアイコンを実装するWebフォント・MONO SOCIAL ICONS FONT
合字を利用してアイコンを表現できるWebフォント・MONO SOCIAL ICONS FONTのご紹介です。Open Font License(OFL)なので商用でも無料で利用する事が出来ます。 合字とCSSを利用して、特定の文字列でアイコンを表示させます。 サークル状やスクエアタイプも用意されています。CSSのtext-renderingやfont-smoothingを利用し、特定の文字列でアイコンを表示させるようにしてあるみたい。 @font-face { font-family: 'Mono Social Icons Font'; src: url('MonoSocialIconsFont-1.00.eot'); src: url('MonoSocialIconsFont-1.00.eot?#iefix') format('embedded-opentype'), url('Mono
アイコンフォントの欠点である意味不明な文字列をリガチャ(合字)で解決したWEBフォント『Ligature Symbols』
こんにちは、霙(@xxmiz0rexx)です。 興味はあったけれどなかなか手が伸びなかったアイコンフォント。 そんな私をやっと使う気にさせてくれた素晴らしい発想のフォントに出会ったのでご紹介いたします！ そもそもアイコンフォントとは アルファベット1文字1文字にアイコンが割り当てられたフォントで、例えばスマートフォンサイトの製作をする時 画像でアイコンを用意する場合は通常用とRetina対応用で2サイズ用意しなければならないところを フォントであれば読み込んでCSSを設定するだけでOKという・・・面倒くさがりの私にはRetina対応の救世主とも思える存在です！！ フォント＝ベクターデータなので大きさ自由自在！解像度も関係なし！なのです :) しかしそんなアイコンフォントにも欠点はあり、アイコンを表示させるためにソースに意味のないアルファベットを書かなければならないのが気になるところでした。
Ligature Icon フォントセットの自作方法とWebFont - くらげだらけ
去年の10月に「iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】」というタイトルのエントリーで、Web Symbols TypefaceというWebFontを使って、タイプフェイスでアイコンを表示する方法について紹介しました。それ以来、似たようなFontが作成され公開されていますが、つい最近知ったsymbolsetというサイトで紹介しているsymbol fontには感心しました。 それまでのSymbol Icon Webfontには、それを使用する際の表現としてあまり適切でない部分がありました。アルファベットの「t」などに直接アイコンを割り当てていたため、code上では意味を成さない（コンピュータに理解できない）文字が並ぶことになってしまいました。そのため私が使用するときは、HTMLでは意味のあるの文字列（Twitterなど）を記し、CS
アイコンを合字Webフォントとして扱うSymbolSetが革新的にステキ | fladdict
Symbolset teaser from Symbolset on Vimeo. 正直この発想はなかった！ symbolsetは、アイコンに特化したウェブフォント。 このフォントが面白いところは、アイコンを「合字」として割り当てていること。 まずはサイト上部の大きなテキスト部分がエディターになっているので、そこにheartやtweetなどとタイプしてみてほしい。ビックリするはず。 「合字」というのは、特定の文字ペアに特殊文字を割り振れる欧文書体のルール。日本ではなじみのない作法だけど、海外ではftやffなど、スペースが空いてしまう文字を特殊な文字で代替することがある。 SymbolSetはこれ利用して、フォントをアイコンとして活用できる仕組みを発明した。 たとえば、♥のアイコンを「heart」という合字に割り振っている。つまり文章内にheartという文字があれば自動的にハートが、「Twi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
政府の監視ワードを自動的に黒塗りする「自己検閲フォント」、本当の狙い
Flatis