Hi Carson You probably already tried this, but
In your browser, for local dev, could you check your zoom level? You may have enlarged your font with command plus. There is a menu option for resetting it to normal view. (exact verbiage escapes me but should be near increase font size in view or window) Hope that helps --Keenan On Jan 4, 2011, at 7:01 PM, Carson Cole <[email protected]> wrote: > My fonts appear 25% smaller in production on Heroku vs in development > locally. Have only one style sheet 'main.css' that I load '<%= > stylesheet_link_tag 'main' %>' that shows correctly in source code in > production. What gives? > > Here's my stylesheet: > > /* DEFAULTS */ > * { > margin: 0; > padding: 0; > border: 0; > } > > body { > background-color: #fff; > height: 100%; > width: 100%; > font: 13px "Lucida Sans", Tahoma, Verdana, sans-serif; > } > a { > margin-left: 7px; > margin-top: 4px; > float: left; > } > h1 { font-size: 2.5em; } > h2 { font-size: 1.8em;} > h3 { font-size: 1.6em; } > h4 { font-size: 1.5em; } > h5 { font-size: 1.4em;} > p { font-size: 1.2em; } > .clear { clear:both; } > .right { float: right; } > .left { float: left; } > .email { > margin-top: 5px; > } > .header { width: 100%;} > .facebook_icon { margin-top: -1px;} > .follow { > background-color: #5f9e52; > text-align: center; > width: 100%; > margin: 0 auto 0 auto; > } > .follow .frame {width: 350px;} > .follow_text { > font-size: 1.8em; > color: #fff; > float: left; > margin-top: 3px; > margin-left:8px; > margin-right: 20px; > } > form {float: left;} > form input { > border: thin #fff solid; > padding: .2em; > font-size: .8em; > } > #footer { > clear: both; > text-align: center; > margin-top: 1em; > margin-bottom: 1em; > font-size: .8em; > color: #5f9ef2; > } > .frame { > width: 650px; > margin: 0 auto; > } > .marketing { > font-size: 13px; > background-color: #D0EBCA; > } > .marketing .frame { > padding-top: 1em; > padding-bottom: 1em; > } > .marketing h1 { > margin-top: 0.5em; > margin-bottom: .5em; > font-weight: 500; > color: #18649b; > } > .marketing h2 { > font-weight: 500; > margin-top: 1em; > margin-bottom: .4em; > color: #18649b; > } > .marketing p { > font-size: 1.1em; > line-height: 1.5em; > } > .logo { > margin: 1em 0; > width: 12em; > } > .notice { > float: right; > text-align: center; > margin-top: 1em; > width: 300px; > color: #fff; > } > .notice .regular { > padding: 10px; > background-color: #18649b;} > .notice .error { > padding: 10px 20px; > background-color: #f02311;} > p.special_message { > width: 300px; > background-color: #18649b; > text-align: center; > color: #fff; > padding: 10px; > margin: 1.2em auto 1.3em auto;} > > -- > You received this message because you are subscribed to the Google Groups > "Heroku" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/heroku?hl=en. > -- You received this message because you are subscribed to the Google Groups "Heroku" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/heroku?hl=en.
