Forums

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

Home Forums CSS CSS Text-Stroke Inconsistencies

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #202674
    I am Calvin
    Participant

    Hey Everyone,

    This is my first forum post, so please forgive me if I post this in the wrong category or w/e.

    I have been having a problem with the sizing of the text stroke on my website’s header. On some displays it will show up thin 1px in size. But, on others it will show a lot larger and not look how I want it to.

    I am using Chrome in both situations. But, they are on different computers. One is at school, the other is at home. (My home one is the one showing the thicker of the 2)

    I want it to be the thinner of the 2 shown in the example below.
    Here is the example: http://i.imgur.com/7v02X4M.png

    Any help is appreciated.

    Thanks,
    Calvin

    #202680
    I am Calvin
    Participant

    Wow, thanks for the fast reply. There is no difference in the code however. The only difference is on different displays. I am using Chrome on both. That’s what is throwing me off.

    It’s live on my site right now so you can take a look.

    http://iamcalv.in

    Thanks,
    Calvin

    #202683
    I am Calvin
    Participant

    Ok, sorry for the confusion. I’ll try to clarify.

    It’s on 2 different computers. Both are running Windows 7. The Chrome version at school is a bit outdated (I don’t know what version exactly).

    My computer at home, is fully updated and is also running Windows 7.

    There is an inconsistency between the 2 computers and the way they display my site’s header.

    #202689
    Paulie_D
    Member

    The Chrome version at school is a bit outdated (I don’t know what version exactly).

    I’d start here.

    Insofar as this is webkit/blink only it’s not something that can be relied upon to be consistent.

    In fact, I was under the impression that Chrome had dropped it…but apparently not. It’s not currently in the CSS3/4 spec even..AFAICT

    It’s not even mentioned on MDN..that I can find.

    #202690
    Paulie_D
    Member

    I’m seeing the ‘thicker’ version in Chrome Version 43.0.2357.65 m on W7 64bit and it looks like more than 1px stroke.

    Of course, it doesn’t appear at all in FF/IE.

    #202691
    I am Calvin
    Participant

    So, how should I go about fixing this and making it work on as many devices and displays as possible?

    #202717
    Paulie_D
    Member

    Use text-shadow instead?

    http://codepen.io/Paulie-D/pen/yNaEMJ

    It has somewhat better support.

    SVG is the way I’d go these days.

    http://codepen.io/Paulie-D/pen/bdwKRG

    Hmm…OK, seems the forum doesn’t do linked fonts in Codepen (or I messed it up) but in the ‘live’ version, it’s in Lobster font.

    Annoying.

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