How to deploy font which is not installed in other resource?

Question

I am using a custom font which is installed on my PC but need to make it work over the web. Please share the possible ways.

You mean @font-face like this: http://fonts.googleapis.com/css?family=Revalia — Andrew, Feb 27 '14 at 07:30
Or you could look into [Google Fonts](https://www.google.com/fonts) and see if your font (or something close to it) is there. — GreyRoofPigeon, Feb 27 '14 at 07:30

Rey Libutan · Accepted Answer · 2014-02-27T07:45:32.977

1

You can try the link below which is hosted by google :)

Which you can use like below

<link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>

and styling your text like

.myAwesomeLookingTextEveryoneWillLaughAt { font-family: ‘Allura’, cursive; }

For more details, please visit the link.

edited Feb 27 '14 at 07:45

answered Feb 27 '14 at 07:30

Rey Libutan

So should I include how he can include the fonts in my answer? like the script src (which is yeah, available in the link but not just visible directly here). – Rey Libutan Feb 27 '14 at 07:34
2

Okay, thanks! :) Atleast I am learning here. I'll edit my answer then. – Rey Libutan Feb 27 '14 at 07:37

score 1 · Answer 2 · edited Feb 27 '14 at 08:28

1

Define fonts in your css with font location :

@font-face
{
  font-family: myFont;
  src: url(location/font.ttf);
}

then use it as p { font-family:myFont; }

edited Feb 27 '14 at 08:28

Ashley Medway

answered Feb 27 '14 at 07:35

Sushil Kandola

2 Answers2