Questions tagged [typography]
Typography is the art, process, or style of setting type and creating glyphs.
148 questions
0
votes
1
answer
95
views
How to nicely display table comparing translations of words across many languages?
I am landing on a design such as this for single word overview cards.
Perhaps it can still be improved, showing the native Chinese term (or in any language, the native script), the romanization, the ...
- 565
3
votes
1
answer
644
views
Why is monospaced text often smaller than regular text?
I often see that monospaced text is smaller than regular text in the same context. Here are some examples:
Crafting Interpreters has the main font 16px large and the monospaced font 13px large.
...
- 131
0
votes
1
answer
378
views
How to scale typography and UI for different mobile device resolutions?
We have an iOS and an Android tailored application. We noticed that on small devices, the UI becomes very large with texts not fitting properly, either truncating or going to another line (this ...
- 39
1
vote
2
answers
1k
views
Do I need to follow scale while defining typography in design system?
I'm confused if I should use scale or not while defining our typography. While using it I'm not able to use 14px and 16px at the same time plus it's giving font sizes like '16.80'(just an example) and ...
- 126
4
votes
1
answer
613
views
How do unicode block characters affect accessiblity?
I'm formatting an online poem that uses blackout text for erasures. My plan is to use an XML block character ( █ █) or █) to replace the appropriate characters. Does this have any ...
- 41
0
votes
2
answers
134
views
How do you manage spacing between text styles in different context?
I am using texts in different context and thus I am changing the padding depending on the context. (as in the attached image)
Regarding collaboration with developer what is the good practice ?
...
- 33
1
vote
3
answers
3k
views
Using Display S, M, L, XL, 2XL instead of H1 -H6 for typography in a Design System Manager (DSM)
I find using specific H1 - H6 is confining since different pages may need a different size H1 and so on. Also instead of making 2 sets for desktop and mobile this would work as one file. Does anyone ...
- 101
2
votes
2
answers
431
views
What is the best practice for designing apps for 320px wide?
I'm worried about my content placement on narrow screens.
Should I shrink my fontsize for iPhone SE, for example? Specially when iOS keyboard is so big on 320px small screens.
My layout in Figma is ...
- 41
1
vote
1
answer
224
views
How to give name while creating Typography in Design Systems?
How to give name while creating Typography in Design Systems?
which of the following is most common when naming typography?
System default typography naming.
(or)
Create your own set of naming.
...
- 11
0
votes
2
answers
2k
views
APCA (WCAG 3.0) does not allow for 14px font to be used as a regular base
According to APCA (WCAG 3.0), we are not able to use 14px font as a regular base, but when it comes to SaaS application design, 14px is commonly used as the base font size. Despite my attempt to use ...
1
vote
1
answer
363
views
Typgraphy - hanging punctuation (indent list or not for better readablity)
In a body of text that contains both paragraphs and ordered and unordered list. Does it matter to indent the list items - by default, most browsers indent list items 16px?
The list in the following ...
- 131
1
vote
3
answers
402
views
Design system – Different font sizes for small an big viewports
everyone! We are currently working in a project team on a design system that is primarily used to develop web applications. These web applications mainly consist of forms. One requirement here is that ...
- 21
2
votes
3
answers
5k
views
What is the ideal font size to be used in dashboard?
I came across many websites that use 14px for the content in the dashboard and outside i.e Website's homepage tends to use a bigger font size.
So the question is
a) What is the ideal font size for the ...
- 2,541
0
votes
1
answer
336
views
How do you handle spacing from text to other UI elements?
I do not know how to handle spacing between text and other elements of the UI. If I want to separate my text from another element with a spacing of 16px should I start to measure from the end of the ...
- 25
7
votes
5
answers
1k
views
How to choose typeface (fonts) for a website in different locales?
Part of a good UX for websites and web applications that support multiple languages is their fonts.
Let's imagine that English is not the default font on the web and another nation has created the web ...
- 823