برای انجام اینکار ابتدا می بایست فونت ها را در پوشه ای که مد نظر داریم پیوست کنیم بطور مثال مسیر :
data/fonts
[B]eot،ttf،woff،woff2،svg
Code:
@font-face {
font-family: 'Vazir';
src: url('data/fonts/vazir.eot');
src: url('data/fonts/vazir.eot') format('enbedded-opentype'),
url("data/fonts/vazir.otf") format("opentype"),
url('data/fonts/vazir.ttf') format('truetype'),
url('data/fonts/vazir.woff') format('woff'),
url("data/fonts/vazir.woff2") format("woff2"),
url('data/fonts/vazir.svg#open-sans-light') format('svg');
}
*{font-family:Vazir;}