Responsive Font Solutions using Bootstrap and responsive template


I am finding that while a headline font (for example) might look fine on a destkop display, it looks too big on cell and similar small display.

Would using ems uinits instead of pixels help resolve it?

See this link, for example: Slideshow re responsive design

Would google fonts have any part in this issue?  I doubt it, but thought I'd bring it up.

Rowby GorenAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Rowby GorenAuthor Commented:
Here's a link to the site I am working on -- so we can have something to look at.

redirec to development site

Note the headline font "Welcome to the...."

and "Our Galaxies"

They are too big on cell, for example.


Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Rowby, were you able to duplicate the typography on the sample?  I use bootstrap and I don't remember having this issue.   Actually on mobile, the font and images can go to a larger size.  

I have checked on my android and desktop and all reads well. However, I can see where you may want the h1 to be smaller if you have a lot of text.  

In that case, I would suggest creating a separate style sheet.  Currently, the h1 is set at 36px.  On your custom sheet, either set h1{font-size:24px;} or make a special style h1.special{font-size:24px;}

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
The issue I see is with the li's that go beyond the white area.

Student Opportunity Fund
R. U. Nelson Fund
Classroom and Theater Availability
Instructor/Performer Referrals
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

Rowby GorenAuthor Commented:
Hi  padas

Thanks for your comments.  I will dig into the link you sent.

I will probably move the section that begins with  Ethnomusicology into the white area.  I am going to have a meeting with client to determine what really needs to show on cell.  Using bootstrap enabled Joomla I will either turn off that module for cell or move it to a position within the white area.

I probably won't resume dealing with the fonts today. But will dig into it tonight or Tuesday.

Rowby GorenAuthor Commented:
Good!   Thanks for doing that!
I've requested that this question be deleted for the following reason:

Not enough information to confirm an answer.
Rowby GorenAuthor Commented:
Thanks!  Sorry for the delay in awarding the points!
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.