font-variant, small-caps support in pango and fake small-caps #894

Activity

1. chearon commented on Mar 18, 2017

   

   chearon

   on Mar 18, 2017

   Collaborator

   More actions

   If there's no small caps support on Pango for Linux I wouldn't count on it ever happening, and it would have to be done inside node-canvas. If small caps do work on Linux they might be open to patches, which IMO is the best place to fix it although it can be hard to get your patch accepted.

   I also have a TODO in the code to get the font-stretch working. I haven't tested that in Pango.
2. lulu-berlin commented on Mar 18, 2017

   

   lulu-berlin

   on Mar 18, 2017

   ContributorAuthor

   More actions

   I had no font to test it with. I found this website that mentioned lack of small caps support on Pango, but it's from 2008. I took a pick at their code and found that there's a function that tests the small caps capabilities of a font: https://git.gnome.org/browse/pango/tree/pango/pangocoretext-fontmap.c#n338
   I'll try to run it on all of my fonts and see what I get.

   I assume that most fonts won't have built-in support for small caps anyway. Do I understand correctly that you would like to have fake small caps implemented?
3. chearon commented on Mar 19, 2017

   

   chearon

   on Mar 19, 2017

   Collaborator

   More actions

   So it sounds like Pango does support fonts that have the small caps feature, which would mean your unmerged commit should work on such a font. I don't know how to find that font, though.

   As for the synthesized small caps... I was just saying that ideally that code is in Pango (or Pango leverages an OS feature that does that). If that ends up being impossible then it might be worth experimenting with doing it inside node-canvas. It's up to you, I don't think it's a common need but I'm sure it would be a welcomed change.
4. zbjornson

   added

   Feature

   Text & Fonts

   on Nov 5, 2017
5. samizdatco commented on Jun 24, 2020

   

   samizdatco

   on Jun 24, 2020

   Last edited by samizdatco

   Contributor

   More actions

   I did some testing using @YEver's approach of adding PANGO_VARIANT_SMALL_CAPS to the font description, but found that even when a font had small-cap glyphs they still weren't being used. On the other hand, if you turn on the smcp OpenType feature and add it to the layout object's attributes it works like a charm: samizdatco@48059a5

   For example,

   registerFont('./examples/crimsonFont/Crimson-Roman.ttf', {family: 'Crimson', weight:500, style:'normal'})
   registerFont('./examples/crimsonFont/Crimson-Italic.ttf', {family: 'Crimson', weight:500, style:'italic'})
   registerFont('./examples/crimsonFont/Crimson-Bold.ttf', {family: 'Crimson', weight:900, style:'normal'})
   
   let canvas = createCanvas(800,400),
       ctx = canvas.getContext('2d');
   
   ctx.fillStyle = 'white'
   ctx.fillRect(0,0, canvas.width, canvas.height)
   
   let fonts = [
     'small-caps 72px Crimson',
     'italic 72px Crimson',
     'small-caps italic 72px Crimson',
     '700 72px Crimson'
   ]
   
   ctx.fillStyle = 'black'
   fonts.forEach(font => {
     ctx.font = font
     ctx.fillText('Hamburgefonstiv 12379', 12, 70)
     ctx.translate(0, 90)
   })

   results in:
   

   #1611