The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Font face is getting cut at the bottom only in Firefox and Chrome, but looks perfect in safari

  • # October 11, 2012 at 4:01 pm

    Hi guys!
    I do hope you can help me solve an issue with regards to using a web font.
    I got an Aphrodite stylistic web font and around 3px from the bottom get cut of when you view the website using google chrome and Mozilla Firefox but in safari it looks perfect, there are no cuts.

    I tried everything from font sizes, etc.,.

    Please help.


    # October 11, 2012 at 4:04 pm

    @Maxx Can we see a link?

    # October 11, 2012 at 4:10 pm thanks! :)

    # October 11, 2012 at 4:22 pm

    The issue seems to be with setting `text-transform: none;` on the h3 tag

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed