I want to use the New York Extra Large, New York Small etc fonts in SwiftUI, as they have a specific optical size. I know I can use New York as a system font via .serif, so how can I…
I have a URL (in a list, probably not important) that contains a hyphen. I would like it to break anywhere in the url and not at hyphen, like the second url without a hyphen does, to keep reasonable blanks between…
I have three of fonts I may use together on a single line. (Emojis I wrap in <span> and set the emoji font-family since Inter has its own characters for some glyphs like heart.) I’ve found the ascent/descent (ascent: 2728,…
I'm working on a little typography app and have hit a blocker. I've extracted to core code into a pen, i.e., there are other inputs, buttons in the UI. Hence, why I'm using querySelectorAll('input[type="number"]'), etc. Goal is for the draggable…
So I have some text which I make upright and I want to have a different background behind each letter. For my actual use case, the list of backgrounds is randomly generated by a function that gets fed the number…
I am faced with the CSS implementation of a multi-column layout that aligns the first line of the second column, which may have various font sizes, to the second line of the first column. Like this: (The colored background and…
I've been given a list of sizes to use in order to redesign a card on our website. We have a root EM of 16px, however I've been given other sizes to use in this card but the other sizes…
I'm trying to pass a custom palette color into the color prop of a Typography tag. I've got my theme set up in theme.ts like this: declare module "@mui/material/styles" { interface Palette { tertiary: Palette['primary']; } interface PaletteOptions { tertiary:…
I'm a beginner struggling with the basic task of changing Bold Text Color in a pre-scripted scss file. I just can't find an obvious solution. The API appears to predefine color parameters and I struggle to find how to change…
The CSS below, .message { writing-mode: vertical-rl; text-orientation: upright; font-size: 2rem; } <display class='message'>ㄨㄢˊㄇㄢˇ</display> produces this output. Notice the space beneath character ˊ: Is there a CSS that can render individual characters based on their height, so that punctuations (e.g.,…