typography Questions
3
Solved
I am using a Jekyll template with Tailwind and Typography, and I am interested in overriding the default max-width 65ch limit on each line.
The default setting was max-w-prose, and I have tried set...
Poulin asked 25/12, 2022 at 17:51
9
Solved
Designs commonly have smaller headline fonts for mobile designs.
Does Material UI have a mechanism for making the typography responsive?
I see that the default theme has the font sizes defined in r...
Shippee asked 24/9, 2018 at 3:35
2
When setting the text-decoration:underline on an element, the line is shown on the baseline.
It is over the descender of letters. It makes reading difficult if the line contains many letters with ...
Hotbox asked 4/5, 2022 at 8:31
6
Solved
I would like to do a drop cap first character in a UILabel using the attributedText NSAttributedString property only. Like this:
(source: interpretationbydesign.com)
I have experimented with adjus...
Appalachian asked 8/1, 2013 at 12:24
7
Solved
This W3Schools tutorial taught me how to use the CSS font-style property to make text bold (equivalent to <b&g>this</b> in old-fashioned HTML) as well as how to make text italic (eq...
Poohpooh asked 5/7, 2016 at 14:16
3
It seems that applying a display class such as mat-display-1 also adds margin-bottom css to an element. When creating a custom theme I know how to override the size, line-height and weight but is t...
Lazos asked 22/11, 2018 at 11:49
2
Solved
I am trying to implement Angular Material Typography however I have been having some difficulties and I am unsure what may be the issue.
I followed the instructions provided by Angular here howeve...
Spada asked 22/3, 2019 at 21:33
1
I'm new to Flutter, trying a code to change the color of specific Unicode characters in a string. Color coding \u0951, \u0952, and \u1cda to say blue, red and green. The output string is not matchi...
Houppelande asked 5/8, 2023 at 6:12
7
Solved
I'm trying to import and use the Yellowtail font (from Google Fonts) in my React app in a Material-UI theme.
As far as i know all google fonts are on npm, I've installed it, with the
npm insta...
Adjunct asked 28/9, 2019 at 11:46
9
I am a UX architect working with a team of Android developers that are mostly junior. We are having issues properly setting line height in Android.
We are using the Material Design spec as our gu...
Markup asked 10/6, 2016 at 17:44
12
Solved
In HTML (and in typography in general, I suppose), there appears to be some defined sizes for H1-H6 -elements.
Ie., if the baseline font size is 16px (or 100%), then h1 (w/c)ould be 2.25em (36px)....
Relic asked 24/2, 2010 at 12:20
8
Solved
I've this textbox:
<Typography component="p" className={classes.text}>
{this.props.post.text}
</Typography>
I'd like to be able to include paragraphs but all text entered into it ge...
Martino asked 23/9, 2018 at 6:57
10
Solved
I have a file that contains "straight" (normal, ASCII) quotes, and I'm trying to convert them to real quotation mark glyphs (“curly” quotes, U+2018 to U+201D). Since the transformation from two dif...
Crimp asked 4/2, 2009 at 0:57
5
Solved
I've seen that some Google Webfonts now use WOFF 2.0. Can I somehow convert my existing WOFF-fonts to this new (and supposedly better format)? And how?
Terisateriyaki asked 9/4, 2014 at 9:45
2
Solved
The documentation for Material UI Typography settings (https://mui.com/material-ui/customization/typography/) are confusing and don't really make sense:
MUI uses rem units for the font size. The b...
Moser asked 1/5, 2022 at 15:16
11
Is there any way to force a font to be monospaced using CSS?
By this I mean, using a non-monospace font, can you force the browser to render each character at a fixed width?
Smalltime asked 13/4, 2012 at 22:56
6
Solved
I saw people using line height without specifying a unit, like this: line-height: 1.5;
What does the number represents? I'm guessing it's a ratio so is it like em?
Averell asked 6/9, 2012 at 15:13
8
Solved
I'm using the Raleway font, but this font doesn't align numbers properly with letters.
You can see this in this snippet:
h1 {
font-family: Raleway;
font-size: 2rem;
border-bottom: 1p...
Drench asked 11/8, 2015 at 12:49
6
I was wondering if there's a way to automatically control orphaned words in an HTML file, possibly by using CSS and/or Javascript (or something else, if anyone has an alternative suggestion).
By ...
Culottes asked 13/1, 2012 at 16:47
6
Solved
Is it possible to change the size of a specific character using CSS?
For example, in a paragraph I am using font-face: Arial; font-size: 12pt;. I would like that only the letter "a" would appear i...
Anthropology asked 22/8, 2010 at 13:12
8
Solved
On an iPhone how do I calculate the size of a character in pixels for a given point size?
Vc asked 29/6, 2009 at 16:1
3
I’m experiencing an issue with Safari where a block of text using webfonts (not sure webfonts are the issue) is wrapping differently in Safari than it is in any other browser. In this particular in...
Brolly asked 9/5, 2019 at 17:58
5
I'm using styled components something like this
const FormItem = styled(Form.Item)`
font-size: 16px;
`;
Using Form Item something like this
<FormItem label="System Pressurized">
{getFi...
Thedathedric asked 22/4, 2019 at 11:16
7
Solved
In French, typography requires that we use narrow non-breaking space (U+202F) at various places (“Comme ça !”).
Apparently every browser on windows fails to support that and they all display a wei...
Vanmeter asked 27/2, 2009 at 16:4
13
Solved
Context
Take a look at Wordle: http://www.wordle.net/
It's much better looking than any other word cloud generators I've seen
Note: the source is not available - read the FAQ: http://www.wordle.n...
Incondensable asked 5/12, 2008 at 1:50
1 Next >
© 2022 - 2024 — McMap. All rights reserved.