On Tue, Sep 29, 2015 at 9:41 AM, Crest Christopher <
crestchristop...@gmail.com> wrote:
> I meant the font-family property.
>
> The font-family property on the MDN web site mentions to list the font
> names when using font-family for a given selector, for example;
> font-family: "<name of font>","<name of font>";
>
> While the font face property you can list the name of the font and if
> you're hosting the font, the URL of the font location to which I want to
> do. Not sure if it works with a given selector, as it's not working for me ?
>
> @font-face
> font-family:"<name of font>"
> url("");
>
>
>
>
With @font-face, you are basically defining a font-family. You then
reference that when you specify a font-family in a style rule.
@font-face {
font-family: "my-font";
src: url("font.eot");
src: url("font.eot?#iefix") format("embedded-opentype"),
url("font.woff") format("woff"),
url("font.ttf") format("truetype"),
url("font.svg#fontcustom") format("svg");
font-weight: normal;
font-style: normal;
}
h1{
font-family: "my-font", Arial, Helvetica, sans-serif;
}
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
