Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document </title> <style> @import url('https://fonts.googleapis.com/css?family=Coiny'); @import url('https://fonts.googleapis.com/css?family=Lobster'); .p1 { font-family: 'Coiny', cursive; } .p2 { font-family: 'Lobster', cursive; } </style> </head> <body> <h2>@import property example</h2> <p class="p1">The @import rule allows you to import a style sheet into another style sheet.</p> <p class="p2">The @import rule also supports media queries, so you can allow the import to be media-dependent.</p> </body> </html>