Difference between @font-face and @import url?

@import rule allows you to import a style sheet into another style sheet.

@font-face is a css rule which allows you to download a particular font from your server to render a webpage if the user hasn't got that font installed. This means that web designers will no longer have to adhere to a particular set of "web safe" fonts that the user has pre-installed on their computer.

@font-face is a css rule which allows you to download a particular font from your server to render a webpage if the user hasn't got that font installed.

@import url() Imports another style sheet into the current style sheet. If you have used this to embed a font, actually the imported style sheet includes the @font-face inside it.