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
0
votes
1 answer

Browser font ligature rendering - Ligatures between θ and latin characters not working

I'm working on a WOFF2 font using FontForge. All ligatures render correctly in Chrome, except those defined between θ and latin vowels which always appear as separate characters. The ligatures are defined in the GSUB table with feature 'liga' and…
0
votes
2 answers

Enable font discretionary ligatures in Cairo

I am trying to render some text with Cairo (via PyCairo): with cairo.PSSurface("output.ps", 700, 100) as surface: context = cairo.Context(surface) context.set_source_rgb(0, 0, 0) context.set_font_size(25) #…
Inductiveload
  • 6,094
  • 4
  • 29
  • 55
0
votes
1 answer

How to enable ligatures with `space` inside?

I relased a new version of PragmataPro typeface and now I'm sure that ligatures with space character like |\ \ \ / / /| [INFO ] [PASS ] are ignored in IDEs like VS Code. Could you let me know how space character in ligatures is handled in VS Code…
0
votes
0 answers

DirectWrite painting ligatures with multiple colors?

I'm using Microsoft's Cascadia Code font and drawing text with DirectWrite using ID2D1RenderTarget::DrawTextLayout, with individual glyphs colored using IDWriteTextLayout::SetDrawingEffect(CreateSolidColorBrush(...)). Cascadia Code has a ligature…
Zoë Peterson
  • 13,094
  • 2
  • 44
  • 64
0
votes
0 answers

How to link otf fonts together so they can be used together?

Ok, I'm sorry if this is the wrong place to ask this, but I'm not entirely sure I'm asking the right question here. I'm working on a custom font for a conlang (constructed languages, like Elvish or Klingon) and it's composed of a lot of ligatures.…
0
votes
0 answers

Arabic ligatures glyphs on Windows

I using GetGlyphOutline (WinApi https://learn.microsoft.com/en-us/windows/win32/api/wingdi/nf-wingdi-getglyphoutlinew) to generate a font, but I ran into a problem with more complex Arabic Unicode. example: I have four characters: ا (U+0627) - ل…
0
votes
0 answers

Problem with ligature transformations in embedded font

I am new to using ligatures in an embedded web font. I have built a custom font with a specific ligature that will embed a logo (glyph) when a series of chars are typed. It works perfect everywhere but when its embedded on my site. I have tried all…
adbailey
  • 11
  • 4
0
votes
1 answer

DirectWrite ligature substitution feature

I am trying to get the proper glyphs for a given string with DirectWrite. I am trying to enable the OpenType features for testing, in this case font ligature substitutions. I am using a font that contains the OpenType 'liga' tag has a separate glyph…
Charlie
  • 680
  • 4
  • 11
0
votes
1 answer

How to avoid ligatures within option-tag?

I'd like to create a visually appealing select-dialog that shows FontAwesome-Icons and a word describing the symbol to select from various scales for statistical data. So I'm using the FontAwesome-Fonts for the select-tag and the unicode-glyphs for…
MBaas
  • 7,248
  • 6
  • 44
  • 61
0
votes
1 answer

Font ligature icons in Microsoft edge

I'm using google material Icon font library for the majority of icons in a web app. I've started debugging for Microsoft Edge and realised none of them are showing. Is this a known issue? I can switch to actual icon images if need be but it would be…
0
votes
1 answer

Disable ligatures in Xamarin Forms

I am looking for a way to disable font ligatures in Xamarin Forms. Any advice how to accomplish that? Regards Bernd
Carpi2001
  • 11
  • 1
0
votes
1 answer

angular 6 custom material icons with ligature support

Is it possible to create custom material icons with ligature support. I am currently using svgIcon for getting Custom Icons, Is there any way to achieve ligature supported custom icons? My current code snippet is given as…
asp
  • 743
  • 2
  • 9
  • 29
0
votes
0 answers

how to create ligatures with 5+ elements?

I am working on a font that requires extensive use of complex ligatures. Everything works fine with ligatures composed of up to 4 characters, but if I create a ligature resulting from the combination of 5+ characters, when I use the font (exported…
yamayama
  • 49
  • 9
0
votes
1 answer

Error "expected string or buffer"

I am generating images of 2 character permutations and using arabic_reshaper for joining characters. Permutation of 2 for 2 character will generate 4 images but arabic_reshaper is generating error "Expected String or buffer" at t1 = …
user3768070
  • 176
  • 1
  • 1
  • 9
0
votes
2 answers

CSS font-spacing issue with Calibri and the letters "ti"

I'm starting a website build for a small business that uses Calibri as the primary font for their branding and I have come across an issue with using this font in certain web browsers. In Google Chrome and Opera, the letters "ti" appear to be…
Reece
  • 777
  • 5
  • 22
  • 42
1 2 3
8 9