在较少的css中使用带有url的@font-face
我有一个url(在较少的css中使用带有url的@font-face,css,less,Css,Less,我有一个url(。/font/Lato/Lato-Regular.ttf),我如何用较少的css使用@font-face 试过了,但没用 .font(@fontName:"Lato"){ font-family:@fontName; } .fontFace(@fontName:"Lato", @fontFile: '../font/Lato/Lato-Regular') { font-family: @fontName; src: url('@{fontFile}.ttf'); }
。/font/Lato/Lato-Regular.ttf
),我如何用较少的css使用@font-face
试过了,但没用
.font(@fontName:"Lato"){
font-family:@fontName;
}
.fontFace(@fontName:"Lato", @fontFile: '../font/Lato/Lato-Regular')
{
font-family: @fontName;
src: url('@{fontFile}.ttf');
}
.latoFont
{
.font();
@font-face{
.fontFace();
}
}
你应该这样写:-
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff') format('woff'), /* Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}