Input
Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Web Fonts Example</title> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" rel="stylesheet"> <style> /* @font-face for custom font */ @font-face { font-family: 'MyCustomFont'; src: url('fonts/MyCustomFont.woff2') format('woff2'), url('fonts/MyCustomFont.woff') format('woff'); font-weight: normal; font-style: normal; } body { font-family: 'Open Sans', 'MyCustomFont', sans-serif; } h1 { font-family: 'MyCustomFont', sans-serif; font-weight: 600; } p { font-family: 'Open Sans', sans-serif; font-weight: 400; } </style> </head> <body> <h1>Welcome to Web Fonts</h1> <p>This is a paragraph that uses a combination of Google Fonts and custom fonts.</p> </body> </html>