Stack Overflow
Stack Overflow

Questions tagged [font-feature-settings]

14 questions
1
vote
0 answers

Animating font-feature-settings with CSS not working in Safari

I'd like to change the font-feature settings of a font that has different stylistic sets using CSS keyframes. I use different font-feature settings outside of the animation on the same webpage, which works in both Chrome and Safari. I also use CSS…
kaktus
  • 169
  • 1
  • 1
  • 11
1
vote
0 answers

Is there a CSS font-feature-settings property that makes the hash symbol straight?

In most fonts, the hash symbol has a slight rightwards slant. I however, am looking to display this hash symbol in a straight way, somewhat how it's displayed here as code: #. I could of course put it into a # that…
user18799004
  • 11
  • 2
1
vote
0 answers

Is there a way to read available font feature settings of a typeface with Javascript?

How can I read the existing fontFeatureSettings / fontVariationSettings of a font file (for example 'ss01', 'liga', 'WGHT' etc.) and also their range and value? I know how to access and change the features with javascript, but I would like to render…
Philipp
  • 105
  • 6
0
votes
0 answers

font-feature-settings for the entire website in JS

I would like to display the letter "w" and "W" in another way on my website with font-feature-settings. How can I do it dinamically on the entire website in JS? What I need to add is font-feature-settings: "ss03" 1; What I tried now is this. But…
StadtL
  • 1
  • 1
0
votes
1 answer

Add font-feature-settings via JS for specific letter

I am using font-feature-settings in CSS to change some fonts into alternative glyphs. I would like to add to all the letter "w" and "W" on the website the class ".ss03" Then in CSS I could style it Is there a way I can do it in JS? Right now I am…
StadtL
  • 1
  • 1
0
votes
0 answers

what can i use instead of font-feature-settings: "case" 1;

I have a web page with a button, when button is clicked, am using window.print() to normally print content of my page. problem is that am using firago font with font-feature-settings: "case" 1; (it tranforms text to uppercase). generated pdf looks…
Y U K I M U R A
  • 488
  • 19
0
votes
0 answers

Why my text goes out of content editable div?

My text goes out of content editable div. .mydiv { font-family: "Black Hairline Italic"; font-feature-settings: "ss16"; } enter image description here
user20537806
  • 1
  • 1
0
votes
1 answer

Digits in LFT Etica font are displayed in different heights

I'm working on an application where we are to use the font LFT Etica. However, when displaying numbers, some of the digits are noticeably taller than the other ones. How can I get the height of the digits to equal height? Preferably without changing…
siguurd
  • 1
  • 2
0
votes
0 answers

font-feature-settings not working does not work if the letters are nearby

so, text is in and has font-feature-settings: "ss03" on; but the property applies only to the first letter, or to stand-alone letters, why? [1]: https://i.stack.imgur.com/NGpl6.png aaa a .ss03 { …
Goku
  • 1
  • 1
0
votes
1 answer

Get specific Glyphs affected by OpenType feature

I am currently trying to create an overview for typefaces, displaying all glyphs and their alternatives. For this I am using opentype.js to extract all necessary information. I've been looking into these featureLists and lookups but I can't yet wrap…
Lennard Grimm
  • 1
0
votes
1 answer

font-feature-settings : 'tnum' , 'lnum' : Not Working

I am trying to use font-feature-settings: 'tnum' on, 'lnum' on; style on a custom font, but I am unable to see any visible effect of this property on the font. Moreover, in my JSFiddle snippet, I am getting css compile error "Expected no more than…
Sourabh Lonikar
  • 1
  • 1
0
votes
2 answers

Is there a way to find all features available in a font with JavaScript

I'm developing a website with Nuxt and Contentful. I loaded some fonts using FontFace. I need to load them in this way because it's a Type design club website and they need to load their fonts as they release new ones. They ask me to show all…
giannicash
  • 1
  • 2
0
votes
1 answer

OpenType capital spacing (cpsp) in CSS without font-feature-settings?

Is there a way to set capital spacing (cpsp) for an element without affecting other OpenType features applied to it? Using font-feature-settings is not an option: e.g. font-feature-settings: 'cpsp' turns on capital spacing, but also resets all other…
user6423602
0
votes
1 answer

Detect variable font support with javascript

I am aware of woff2 detection and also the css based @supports variable font support detection, but is there a way to detect variable font support purely in Javascript?
kontur
  • 4,934
  • 2
  • 36
  • 62