Questions tagged [ligature]

In writing and typography, a ligature occurs where two or more graphemes or letters are joined as a single glyph. An example is the character æ as used in English, in which the letters a and e are joined. The common ampersand (&) developed from a ligature in which the handwritten Latin letters e and t (spelling et, from the Latin for "and") were combined.

In some typefaces, character combinations such as “fi” and “fl” overlap, resulting in an unsightly shape. The “fi” and “fl” ligatures were designed to improve the appearance of these characters.

The primary purpose of the ligature is to make text more readable by avoiding clashes between more than one character. The perceived fanciness is just an added bonus.

A ligature is a joining of two characters into one shape. For example, in French "œ" is a ligature of "oe".

References and Resources:
- https://en.wikipedia.org/wiki/Typographic_ligature
- https://developer.mozilla.org/en-US/docs/Glossary/Ligature
- https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-ligatures
- https://glyphic.design/ligatures/?route=/2005/12/21/ligatures/

121 questions
1
vote
1 answer

How to correct the ligatures of 'fi' and 'fl' in case of larger letter-spacing?

I use Google font 'Roboto' and expanded letter-spacing of .3em . How in this case is posible to corect sticky ligatures of little 'f' letter in words consisting 'fl' and 'fi' ? I tried to change to font-family for 'Roboto' to 'sans' and…
o_s_a_k_a
  • 71
  • 1
  • 12
1
vote
1 answer

How does LIGATURES work in java/awt/font/TextAttribute?

I don't understand why those LIGATURES can be turned on and off? What should happen if there is a string containing fi? I would think a string contains a ligature or not. Same is with used font. So what does it mean that ligature can be turned off?
robsch
  • 9,358
  • 9
  • 63
  • 104
1
vote
0 answers

pdfbox - How to join glyphs into ligatures in rendered pdf

I have a pdfbox 2.0.0 application rendering unicode for languages like Arabic and Tamil into pdf's. I would like my app to behave in the same way as browsers and editors in that it joins adjacent characters into ligatures. Currently when I run this…
rmin
  • 1,018
  • 1
  • 9
  • 18
1
vote
2 answers

unicode character for a with e above it

The letters ä, ö, ü in German were written (e.g., in Gutenberg's Bible) with the respective vowels that had a tiny e printed right above them. Are these characters available in Unicode? They looked something like: e e e e e e A O U a o …
Mayer Goldberg
  • 1,378
  • 11
  • 23
1
vote
0 answers

How to disable Safari 7 kerning/ligatures to make text look like it did in Safari 6 or Chrome

This test shows that Safari 7 squeezes text together, unlike Safari 6, Chrome (by default), and Firefox: https://writerduet.com/test.html It's very important for my project that text line up the same across browsers. Safari 7 is radically different…
Guy Goldstein
  • 850
  • 5
  • 11
1
vote
2 answers

Paint.breakText() counts glyphs, not characters

One of our developers ran into an issue where Paint.breakText() (which says it counts "chars") is actually counting glyphs. Imagine that you are wrapping just the one word "fit". It will fit on the line, so you expect breakText() to return 3. On…
Jon Shemitz
  • 1,235
  • 13
  • 29
1
vote
1 answer

Ligature Symbols not working on Android 2.3

I've been using http://kudakurage.com/ligature_symbols/ with phonegap. the symbols appear fine on iphone but on Android 2.3 the symbols doesn't appear. i.e a heart symbol appears as a word "heart" on Android 2.3. does anyone know what's the…
Vanddel
  • 1,094
  • 3
  • 13
  • 32
0
votes
2 answers

How can I change operators styling/shortening in VS Code

I'm wondering how I can prevent conditional operators like !== from looking like this: I just want them to look like <= >= etc. as I read them easier.
0
votes
1 answer

How to enable/disable fancy comparison signs in JetBrains IDEs

My PyCharm changes the appearance of comparison symbols as I type them. For example, if I type ">=", it turns it into the way you'd write it in a math notebook, like so: I couldn't find where in PyCharm's setting that is so I could disable it, or…
0
votes
0 answers

Missing ligature strategy in an icon font setup

I use icomoon.io to create and manage my icon fonts. It's excellent and you can set "ligatures" for the text you want to display the icon. However, I cannot find a sane way to handle missing ligatures to display a default or "missing" icon. One…
Ben Racicot
  • 5,332
  • 12
  • 66
  • 130
0
votes
0 answers

disable automatic font ligatures

There’s a Qt5 application that I use to render text on screen and to PDF. I’ve been having trouble with newer fonts automatically creating ligatures from e.g. ff (which is plain wrong, ① because U+FB00 ff exists for this purpose, and ② because this…
mirabilos
  • 5,123
  • 2
  • 46
  • 72
0
votes
0 answers

Characters fi and fl not showing in generated pdf

Starting on 9/2 we started noticing the characters fi and fl not showing up in the pdfs we generate. Any ideas on why this would start happening? We use Helvetica font when we generate these pdfs.
0
votes
0 answers

Remove space from the back of ligature in font

This github page adds ligatures to a font. Unfortunately when one creates a ligature where the "hidden" symbol contains many characters and the visible symbol contains a few symbols, a long trace of spaces replacing the missing characters is left…
userrandrand
  • 121
  • 5
0
votes
2 answers

How to Properly Position Diacritical Marks above and below All Ligatures of an Arabic Font in Chrome and Edge Browsers under Windows and Android OS?

Can you help me with a way to go around this issue? There is an Arabic font rendering issue, which, at first, I thought was a problem in the font I am currently designing. However, I now believe it originates from the browsers because the same…
0
votes
0 answers

What is font ligature stylistic sets?

I was trying to setup Fira Code font on vscode, which supports ligatures. I came to this page, which states, Stylistic sets Since version 1.40, you can define stylistic sets in settings.json: "editor.fontLigatures": "'calt', 'ss01', 'ss02', 'ss03',…
1 2 3
8 9