How load my new fonts in html code

Question

I want to load a font in my CSS and/or HTML code. I need two fonts(bigsmalls-bold and lft-etica-web) but I don't find how download the font. I only I find a javascript code in

https://typekit.com

This javascript code I have to add in head of my html code. I did it, but don't change my fonts. Could someone help me please?

Thank you so much

possible duplicate of [Using custom fonts using css?](http://stackoverflow.com/questions/12144000/using-custom-fonts-using-css) — GolezTrol, Oct 07 '13 at 08:12
could this link be useful? http://www.w3schools.com/css3/css3_fonts.asp — PaperBirdMaster, Oct 07 '13 at 08:29

score 2 · Answer 1 · answered Oct 07 '13 at 08:18

2

Try using @font-face { url } in your css file. Uploading the font

Like this :

@font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf'), url('Sansation_Light.eot'); }

The .eot is for IE9

answered Oct 07 '13 at 08:18

Belothian

165
3
9

score 0 · Answer 2 · answered Oct 07 '13 at 09:46

0

hai you have two options

1st one google font

2nd one CustomFonts

@font-face {
font-family: "MyCustomFonts";
src: local("MyCustomFonts"), url("../fonts/ArialNarrow.ttf") format("truetype");
}

try this

answered Oct 07 '13 at 09:46

Chandru

133
10

Martijn · Answer 3 · 2013-10-07T09:51:29.543

-1

Typekit explains on there site how to install a font. Login, goto the kit editor and click [ embed code]

<script src="//use.typekit.net/YOUR_CODE_GOES_HERE.js"></script>
<script>try{Typekit.load();}catch(e){}</script>

After you've done that:

If you want to use Typekit in your CSS, click the “Using fonts in CSS” link in the selectors area of your kit to reveal the appropriate font-family names to use. Once you’ve included the Typekit embed code in the of your documents, you can add these font-family names to the CSS rules in your own stylesheet:

h1 { font-family: "proxima-nova", sans-serif; }

http://help.typekit.com/customer/portal/articles/6859-working-with-css-selectors
Using the font-family Names in Your CSS

edited Oct 07 '13 at 09:51

answered Oct 07 '13 at 08:15

Martijn

15,791
4
36
68

He already found the Javascript code as stated in the question. – GolezTrol Oct 07 '13 at 08:16
Was going to update my answer, but something came up. Changed my answer with the additional info – Martijn Oct 07 '13 at 09:40
Finally the only solution is pay. This font aren't free then typekit don't let you use it if you don't pay it. Thank you all – Cristina Herrero Oct 31 '13 at 12:44

How load my new fonts in html code

3 Answers3