Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Problem with text spacing (images included)

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #33878
    slev
    Member

    Hi I’m having a problem with some text spacing, while using the font “pacific” from the google font api. The problem occurs when i use an “&” which is in part of the companies name i get what looks like a double spacing
    like this

    the code for this is

    Welcome to Light &Space

    BUT I WANT IT TOO LOOK LIKE THIS


    which i acheve by

    Welcome to Light &Space

    NOTE THERE IS NO SPACE BETWEEN THE & AND THE WORD “SPACE”

    any ideas how i could acheve this whilst spelling it correctly ? i normally would just put it in but seeing as its my H1 tag on my index page i though i should get it right for sep purposes ..

    thanks in advance
    Sam

    #84891
    jamygolden
    Moderator

    Hmmm, yeaaahhh… This is the only thing I find annoying about custom fonts. How about an image with text-indent? The content will still be there for Google to see.

    #84892
    Brightonmike
    Member

    Wrap the ampersand in span tags and give a negative right margin?

    #84894
    Brightonmike
    Member
    #84899

    @Brightonmike Is spot on, although you could use letter-spacing instead of margin-right if you wanted to get all semantic about it.

    #84911
    wolfcry911
    Participant

    how is using letter-spacing as opposed to margin any more or less semantic?

    #84914

    @wolfcry911 I could be wrong, but wouldn’t it make more sense to use the property that is designed to control the spacing between letters?

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.