Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New Coder
    Join Date
    Mar 2006
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Need to put Myriad Pro into my website

    Hi,

    Can anyone help please... I need to embed the font Myriad Pro into my website as it uses that font.

    I have looked around on internet but can't make head or tail of it!

    hope you can help

    Many thanks
    Joe

  • #2
    New Coder
    Join Date
    Nov 2010
    Location
    London, UK
    Posts
    40
    Thanks
    1
    Thanked 4 Times in 4 Posts
    A lot of people will probably have Myriad Pro installed on their machines so you could do something simple like:

    Code:
    font-family: “Myriad Pro”, Arial, Helvetica, sans-serif;
    However if you want to be 110% - I would personally use Cufon:

    https://github.com/sorccu/cufon/wiki/about

    Good luck

  • #3
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    Firstly, and most simple, dependent on the font usage on your site, just use an image.

    Otherwise, if the licence allows it (I'm not sure Myriad Pro may be embedded) then, the two easiest options are to use @font-face - don't even think of trying to do this yourself - use the generator at Font Squirrel, or alternately, use cufon which is javascript based.

    If the licence doesn't allow embedding, then sIFR is a possibility but it's fiddly (IMO) to get working.

  • #4
    New Coder
    Join Date
    Mar 2006
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hey,

    I need it to work 110% haha So is Myriad pro a sort of new system font then?

    Thanks alot
    Joe

  • #5
    New Coder
    Join Date
    Mar 2006
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Im sorry im being really stupid!

    I can not understand that cufon thing I've signed up and downloaded GIT for mac then can't get any further!

  • #6
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    Have you followed these instructions?

  • #7
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    For the font-face method, all you have to do is:

    1 - Define font in CSS
    @font-face {
    font-family: FontName;
    src: url(fonts/FontName.ttf); /* make sure this path is set to the .ttf font file */
    }

    2 - Use font in an element
    .content p {
    font-family: FontName, Arial, Helvetica, sans-serif;
    }
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #8
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    You need a little more than that for @font-face to work in IE, as IE uses its own type of font file - .eot. That's why it's easiest to use FontSquirrel.

  • #9
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,624
    Thanks
    6
    Thanked 1,001 Times in 974 Posts
    I’m pretty sure that Myriad Pro is not allowed to be embedded through CSS embedding as it is owned and disributed by Adobe, Inc. (and people would have done it already if it was allowed – and it would be listed on Fontsquirrel). So the only legal way would be using images or sIFR.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •