CODEWITHSUNDEEP
css
newBike
newBike

Reputation: 15002

Chrome / Firefox inspect show the same font but actually not

I have two helps text in the same page. However, they just look like different with the same font-family.

Updated:

The font 2 displays not like Lato at all and the font 2 is inside a iframe. There's no error on the developer console.

Font 1

inline inline

Font 2

inline

inline

Upvotes: 0

Views: 55

Answers (1)

Abhijeet
Abhijeet

Reputation: 819

This issue mainly arises when you do not add all format of font file.. so include all format like ttf, otf, svg etc.

Steps you have to follow

1) Download ttf file for which you want to apply font in your project.

2) Generate CSS for those fonts.You can use below online tool or similar to generate CSS and other formats.

https://www.fontsquirrel.com/tools/webfont-generator

3) Then include that CSS in your project, and also set path accordingly. If you still face problem let me know I am always available to help

Thanks !!

Upvotes: 3

Related Questions