CODEWITHSUNDEEP
htmlcssfont-face
user2088260
user2088260

Reputation:

Custom Fonts not working in PHP website

I want to use cusotom fonts for my website that is like this :

myfile.php

<p class="custom-fonts">here i want to apply  fonts</p>

In fonts folder i have placed this font gurbaniwebthick.ttf and using it in css like this

style.css

@font-face {
    font-family: "My Custom Font";
    src: url(.../fonts/gurbaniwebthick.ttf) format("truetype");
}

But this is not working for me what should i do please help me with it ,

Upvotes: 0

Views: 5670

Answers (3)

Mushahid Hussain
Mushahid Hussain

Reputation: 4045

@font-face {font-family: "My Custom Font"; src: url('../fonts/gurbaniwebthick.ttf') ;}

use the font-family as

class{
font-family: My Custom Font;
}

And also I guess you are not pointing the file correctly.

Upvotes: 1

Chris Alexander
Chris Alexander

Reputation: 1302

You have done the first two steps you need, but there is one further step required. This is to associate your new font-face with the class of the p tag, like so:

p.custom-fonts {
    font-family: 'My Custom Font'
}

You can see an example of this from Google Web Fonts: http://www.google.com/fonts#QuickUsePlace:quickUse/Family: (and some example CSS: http://fonts.googleapis.com/css?family=Wellfleet)

Upvotes: 0

jurasadam
jurasadam

Reputation: 188

Add this to your CSS file:

.custom-fonts {font-family: "My Custom Font";}

Basically with the @font-face you define that the name "My Custom Font" should point to the specified url. After that in the CSS file you can use "My Custom Font", and the browser will know where to load the file from.

Also make sure that the font file is reachable where you specified it.

Hope this helps.

Upvotes: 0

Related Questions