Jump to content

  • Free consultations and support
  • Live chatClick Here for Live Chat
  • Call ico 1888-906-1888
    Phone support: Open

    Ready for your call :)

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams

    Phone support: Closed

    We are back in: 1h 20m

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams


Embed TTF Fonts in CSS

css embed ttf fonts

  • Please log in to reply
&nsbp;

#1 Ammar11

Ammar11

    Senior Member

  • Designer
  • 197 posts

Posted 27 March 2013 - 07:48 PM

To embed TTF Fonts in CSS
1.Open the HTML you want to display the embedded font in. Use any code editing program like Notepad and lookup the following line on the top:
<link rel="stylesheet" type="text/css" href="path/to/stylesheet.css" />
Check the file name of the referenced .CSS file in the <link> tag. Then open this file in your code editor. If you don’t see a <link> tag, create one yourself and then create a new blank .CSS file.
2.Add this following code at the top the .CSS file:
@font-face {
font-family: 'Name of the font’;
src: URL('fontfile.ttf') format ('ttf');
}
Give your font a font family name. Use a name that is easy to remember. Type in the full or relative path in your .TTF file in between the parentheses after right after "URL."
3 .Use your embedded font as like using any Web-safe font like Arial or Georgia.
4.Upload the font using any FTP tool.

#2 VladTodirut

VladTodirut

    Senior Member

  • Designer
  • 115 posts

Posted 28 March 2013 - 07:17 AM

Is there a limit on how many fonts you can use in one website? and how much does it affect the speed of the website if you have more fonts?

Thanks

#3 notsu100

notsu100

    Member

  • Designer
  • 61 posts

Posted 04 April 2013 - 10:42 PM

Another very handy way dealing with fonts in css is Google Web Fonts.
1) choose a font
2) click "Add to Collection"
3) click "Use"
4) scroll down and check what two codes you have to put in your html file and to css file.

#4 RupaDesign

RupaDesign

    Banned

  • Banned
  • 28 posts

Posted 19 April 2013 - 07:56 AM

have you any trick to embed any personal design font to website?

#5 VladTodirut

VladTodirut

    Senior Member

  • Designer
  • 115 posts

Posted 19 April 2013 - 02:17 PM

have you any trick to embed any personal design font to website?


If you made the design into a font ( ttf or otf) you can make if for online with Create Your Own @font-face Kits | Font Squirrel
It only works about 90% of the time, so good luck :)

#6 uzmasgh

uzmasgh

    Member

  • Designer
  • 45 posts

Posted 21 June 2013 - 02:30 AM

No limits you may use any type of fonts but fonts must install server as well as client side also.





Also tagged with one or more of these keywords: css, embed ttf fonts

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users