font-feature-settings | Sass mixin for enabling OpenType features via CSS | User Interface library

I was working with xtermjs to make an in browser terminal and everything works fine except for 1 bug I have in my code which I can't figure out. The problem is when the terminal is aligned to the bottom of the page and you type any key and pressed enter a couple of times until you reach near the end of vertical space the terminal will start to go out of bounding of HTML, body. I tried adding border: 0px; as it is suggested at xterms github but that didn't fix it. I even tried position: fixed; overflow: hidden; margin: 0%; but that didn't fix it too. How can I make the position of the terminal stick to the bottom of the page and not go out of the HTML, body's dimension which is width: 100%; height: 100%; when the end of the vertical line space is about to be reached?

I was working with xtermjs to make an in browser terminal and everything works fine except for 1 bug I have in my code which I can't figure out. The problem is when a user types in terminal and reaches end of line of the current line it moves to the next line but also creates a new ~$>. I only want to write ~$> to the terminal if user presses the enter key but it also happens on end of line new lines. Where did I go wrong and how can I fix it. Any help is appreciated. Thanks in advance.

(To replicate the bug press and hold a key until next line is reached)

EDIT I have narrowed down the problem to this line found in the last else if statement term.write('\33[2K\r\u001b[32m~$>> \u001b[37m' + curr_line);. The problem is with my ascii escape characters. Still haven't fixed it though.

Update 1 more little bug When the terminal is aligned to the bottom of the page and you type any key and pressed enter a couple of times until you reach near the end of vertical space the terminal will start to go out of bounding of HTML, body. I tried adding border: 0px; as it is suggested at xterms github but that didn't fix it. I even tried position: fixed; overflow: hidden; margin: 0%; but that didn't fix it too. How can I make the position of the terminal stick to the bottom of the page and not go out of the HTML, body's dimension which is width: 100%; height: 100%; when the end of the vertical line space is about to be reached?

How do you access alternative "swash" letters via CSS? I'm using a decorative script font in a web project. This is how it looks now. But I want the "T" to be curled:

The font I'm using is "Zing Rust Script". Many capital letters have "Swash" alternates. For example, here's the "T", as it appears in the "FontLab" font editor. See how there's both the "T", and "T.swsh"?

In a graphics editor, like Adobe Photoshop, letter alternates are displayed automatically:

In CSS, it's possible to enable extended font options using CSS properties like these:

I'm using Do Hyeon font and all browsers render fine except for Safari. It seems if text is too short or not upper case, safari ignores spaces. However, if I click or hover the text, it re-renders with space.

Does anyone know why this is happening and how can I solve this?

I already tried adding these css property but did not work.

I have a section that automatically displays a list of post titles from WordPress, I have added the custom list number styled, but unfortunately based on the max-width of this section makes problem on making equal width and height of custom numbers

Live demo on codepen list numbers

HTML

I have the following code:

I have the following code:

I have the following code:

I’m creating an Open Type features tester using jquery and want to give the user the possibility of seeing several open type features applied at the same time.

The first dropdown sets the property to font-feature-settings: ‘frac’ 1;, he second dropdown sets the property to font-feature-settings: ‘smcp’ 1;

Currently if both of the dropdowns are active one overrides the instructions of the other one. What I need is that if both of them are active at the same time the property is set to font-feature-settings: ‘frac’ 1, ‘smcp’ 1; and consequently if only one of them is deactivated only the corresponding value is removed from the property.

Note: I'm aware that the Open Type features don't work when I link the font from the Google fonts site, so I've been testing it with it installed.

Thanks in advance.