#font sizing

[sharlmbracta]

me realizing you can be creative with the fonts... like you can do this

this is just your regular 12pt Times New Roman with some 14pts additions inbetween the edges

[muppetk]

Okay, am I really that clueless? Or is it really that impossible to adjust the size of the default font on tumblr for iPad/iphone. Not when you’re posting, I know how to do that. But on tired eye days where everything is just too damn small, and unlike in a browser, I can’t just use a reverse pinching motion to expand. Am I missing something in the settings of the app?

[scamanderishredmayniac]

Ok so a few days ago I mentioned that tumblr had enlargement spell or something on the app, because everything looks humongous on there.  The whole font size and everything grew a thousand times bigger than what it usually is.  I figured out what had actually happened.  It turned out that the app has now synced with the phone’s built in text sizing.  So basically if on my phone setting I have set text size to large, and set it to bold, that is how the text on here would become in the same way other apps and websites etc are.  Except tumblr’s font sizing is generally huge now, so if my text size is set to something smaller, while it does shrink it, it still is on the bigish side.  I’d have to put it to the smallest size possible for tumblr’s font to be what it used to I think. 

Don’t get me wrong it’s actually great that they’ve made the font size bigger, and it’s good that they’ve tried to match what your phone is doing.  But it just makes the whole site look clunky and messy, and when you have posts that have long texts posts on them, it feels even longer and more than it actually is. I don’t know.  It just feels like woaw what is going on?!! And even worse if you’ve got text with a photo on white background with black writing on it, then so help you.  Because guess what text isn’t the only thing that gets enlarged on here, pictures do too.  But the text and pictures with writing in them start blending in and looking like one big text post, as writing look almost the same size and then the tags look huge too, so you can’t tell what’s tag, or body text etc.  Whatever they’ve done, it’s weird and will take a lot of used to.. 

But because of how messy it looks I’ve literally changed the accessibility mode on my phone and shrunk the text size on my phone, which now I hate how small everything else looks.  Although I guess now if I want to screenshot a facebook status and post on instagram, I’ll be able to fit more into the picture, so I guess it’s not all too bad.  In some ways it’s actually good what they’ve done, now people can change the sizing to fit their needs, which is good.  But wish they’d done it in app, rather than syncing with the phone’s in build settings.  That way I could toggle the text here to how I want it, and leave everything else as it was.  Oh well lots of trial and error taking place within the next few weeks as I experiment then.

[castielss]

May I ask your font settings?

Hey anon, I switch between 3 fonts and the font size I use usually varies between 16 to 20

Arial Bold Italic

Verdana Bold Italic

Calibri Bold Italic

[advancedbytez]

Font Sizing For Web Accessibility Using CSS EM And REM Units - Advancedbytez

Enhance your web accessibility with our guide on font sizing using CSS EM and REM units.

[syndicode]

Responsive font sizing techniques

As we wrote in our previous article Points to pixels converter before start with font sizing you have to know the base. But that’s not enough: you always have to be in trend and know the latest variants to simplify/optimize your work. That’s why our next material will teach you some...

[dragoni]

The web is full of resources telling you to use the relative lengths “em” and “rem” over pixel, because they would make your design more accessible. Almost all Front-End Developers I know (includin...

Best comment!

NADYA:

PX doesn’t respect user settings and should therefore be considered harmful. The USER knows what they want more than YOU do.

What is the font size of the H2 in the following examples?

User has not changed browser default font size of 16: body { font-size: 100%; } h2 { font-size: 18px; }

User has changed browser default font size to 20: body { font-size: 100%; } h2 { font-size: 1.1em; }

User has changed browser default font size to 12: body { font-size: 100%; } h2 { font-size: 1.1em; }

“rem” has never had a valid use other than to simplify the math behind using “em”. It’s built out of laziness. But “em” should be used over “px” in a content-first design.

[blainsmith-blog]

The em unit is relative to the font-size of the parent, which causes the compounding issue. The rem unit is relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that.

This is very exciting to see. I've always liked the flexibility of using ems, but the nesting has always wreaked havoc. I can finally start saying goodbye to selectors to reset the font sizes.