CODEWITHSUNDEEP
javascriptcss
martin
martin

Reputation: 11

my font's does not render on firefox as well as it is on google chrome

i use @font-family for my special font style and it works properly on my google chrome browser , but on Firefox it is not... actually it's Rendering Issue: Fonts no longer smoothed in Firefox ...

who i can to fix this problem?

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		@font-face{
			font-family: example;
			src:url(./fonts/rasmi.otf);
		}
		.myFont{
			font-family: example;
			font-size: 40px;
		}
	</style>
</head>
<body>
	<p class="myFont">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex aspernatur debitis esse unde quia delectus natus, atque nesciunt optio consequuntur ducimus facere magnam, corporis eligendi totam molestias nostrum a earum.</p>
</body>
</html>

Upvotes: 1

Views: 94

Answers (2)

user6642687
user6642687

Reputation:

Try using

-webkit-font-smoothing: antialiased;

on your body.

Upvotes: 1

Korgrue
Korgrue

Reputation: 3478

Add

 -moz-osx-font-smoothing: grayscale;

To the body in your CSS to get clean antialiasing in Firefox.

Upvotes: 0

Related Questions