Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Atahualpa and font sizing


  #1  
Old Jan 17, 2012, 02:17 PM
kdawes01's Avatar
kdawes01
 
102 posts · May 2009
Missoula, MT
We all want things to display the same on all browsers. PCs and Macs too!
I sometimes run into problems with picky clients who "see" what I have done differently. It's generally a PC/Mac thing (not always) where fonts display differently.

I check as best as I can on a PC - FF, IE 7-9, Chrome & Safari, but can't check Mac browsers.

Part of the problem is that I like to use (and my clients love) the TinyMCE Advanced plugin that allows you to use Fonts and Font sizes in the WP editor. One of the difficulties is that the TMA uses keyword font sizes which display differently in different browsers. But that's not really a subject for here... I'll take that up with Ozz someday.

I came across a couple of interesting posts, that I'd like Flynn or the moderators to comment on. I'm wondering if this is as "Green Tea" mentions and if it might be something to roll into Atahualpa. You'd be specifying a "pixel-sized" font in the WP editor but it would still be an em and so still have em type properties. (pun intended ;-)

Here are the links I found interesting...

http://greenetea.com/2010/01/precise-font-size-and-line-height/


http://css-tricks.com/css-font-size/

Love to hear opinions!

Thanks!
Ken
__________________
Ken | The Web Mechanic
Many thanks to Flynn for the amazing Atahualpa. Please consider a donation!
  #2  
Old Jan 18, 2012, 06:52 PM
ymf
 
61 posts · May 2009
Check this out: "CSS Tools: Reset CSS. The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on..." http://meyerweb.com/eric/tools/css/reset/
  #3  
Old Jan 19, 2012, 04:33 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
well I thought I'd try the example from greentea and here is a screen shot of a page with FireFox in the back and Safaria in the front on a Mac
Click image for larger version

Name:	fontscreenshot.png
Views:	612
Size:	30.9 KB
ID:	1726
see the difference in font size.

I don't think there will ever be a way to make a page look the same in two different browsers because the browsers will always do things different. the best you can do is get close. And I tell my clients that. It's like asking to car manufacturers to make a luxury car, ever seen two that look/act the same...
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Troubles with sizing parent menu tab during hover. Cheers Page & Category Menu Bars 33 Jan 8, 2011 07:01 PM
h1 h2 h3 etc sizing control caseyfern Header configuration & styling 15 Feb 15, 2010 04:45 AM
How do I change the font color of the post/pages font and the title font? GreenEyedMonst Center area post/pages 0 Jan 16, 2010 02:06 PM
[SOLVED] Sizing a new widget area horsemansarts Sidebars & Widgets 10 Sep 5, 2009 02:48 PM
Re-sizing Images feastfresh Atahualpa 3 Wordpress theme 1 Mar 17, 2009 04:17 PM


All times are GMT -6. The time now is 02:06 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.