How to add cursive text sig

by TheCG
7 replies
  • WEB DESIGN
  • |
I am trying to find a way to add a cursive signature on a page.

See attached example of what I need to do.

I tried using an actual image inserted into the text but it has a box around that and doesn't look good.

Anyone know how to do this?

Thanks.
#add #cursive #sig #text
  • Profile picture of the author Istvan Horvath
    If there was a border around it... that comes from the stylesheet of your site. Or maybe, you made it a link - again, by default that would have a 'blue' border, as the hyperlinks in the webpages.

    Check your stylesheet!
    Signature

    {{ DiscussionBoard.errors[8892795].message }}
    • Profile picture of the author TheCG
      When you click on it, it opens a window with just the sig in the upper corner of the window.

      Here is the actual look of it.

      Sorry but looking at the ss doesn't mean much to me. I almost know enough to be dangerous...almost.
      Signature

      Yes, by the way, I AM in the Witness Protection Program. I could tell you who I am but then I would have to kill you.

      {{ DiscussionBoard.errors[8892813].message }}
  • Profile picture of the author IzRush
    You can use google fonts to get a cursive look. You wont have to use an image which is better for SEO, speed and usability of the website.
    {{ DiscussionBoard.errors[8892817].message }}
    • Profile picture of the author TheCG
      Originally Posted by IzRush View Post

      You can use google fonts to get a cursive look. You wont have to use an image which is better for SEO, speed and usability of the website.
      Awesome.

      Is there a plugin for this?
      Signature

      Yes, by the way, I AM in the Witness Protection Program. I could tell you who I am but then I would have to kill you.

      {{ DiscussionBoard.errors[8892828].message }}
      • Profile picture of the author IzRush
        Originally Posted by TheCG View Post

        Awesome.

        Is there a plugin for this?
        No plugin necessary.

        Just go to Google Fonts and pick out a cursive font that you like. There are thousands. Look for slanted fonts.

        Then if you pick a font you like such as this:
        Google Fonts

        then just read the introductions provided by google to use the font.

        Simply insert the following into you html header
        <link href='http://fonts.googleapis.com/css?family=Pinyon+Script' rel='stylesheet' type='text/css'>

        then to use the font all you have to do is create a <p> tag and give it styling so the font is connected to the p tag. Its kind of hard to explain so I will give you an example.


        example:


        <html>
        <head>
        <link href='http://fonts.googleapis.com/css?family=Pinyon+Script' rel='stylesheet' type='text/css'>
        </head>
        <body>
        <p style="font-family: 'Pinyon Script', cursive;">Your signature</p>
        </body>
        </html>



        I recommend using a stylesheet to style your document but the above method will work. IF you use style sheet, you can give the <p> tag a class and then style it accordingly.

        example:

        <p class="signature-tag">Your Signature</p>

        then in your css file type

        .signature-tag{
        font-family: 'Pinyon Script', cursive;
        }
        {{ DiscussionBoard.errors[8892924].message }}
  • Profile picture of the author TheCG
    Got it. Thanks for the help.
    Signature

    Yes, by the way, I AM in the Witness Protection Program. I could tell you who I am but then I would have to kill you.

    {{ DiscussionBoard.errors[8892888].message }}
  • Profile picture of the author IzRush
    Lol I guess my response took longer than I expected.

    Anyway, glad you got it sorted out
    {{ DiscussionBoard.errors[8892928].message }}

Trending Topics