Skip to content
Submitted almost 2 years ago

Responsive landing page with html css et js

Titima•20
@phyfatima
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...News homepage
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Community feedback

  • Muhammad Al-Ameen Abdullahi•260
    @al-ameen36Posted almost 2 years ago

    Hello Titima, Great work.

    A simple way to add fonts to website

    1. Go to fonts.google.com.
    2. Search for and choose your desired font family.
    3. Select the font styles you want.
    4. Copy the link tags and paste them in your project's <head> tag.
    5. Copy the CSS rule and use it in your CSS file.

    The link tags and CSS rule are available in the "Selected family" side bar that shows up once your start choosing font styles and weights, if you don't see it, click on the icon at the top right corner of the page.

    For example the code could look something like this -

    HTML

    <head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&display=swap" rel="stylesheet">
<head>

    CSS

    body{
   font-family: 'Inter', sans-serif;
}

    Good luck :)

    Marked as helpful
    0
    Titima•20
    @phyfatimaPosted almost 2 years ago

    @Ameen36

    Thank you, Muhammad,

    it's noted, I appreciate your comment, it's very helpful.

    0
    Muhammad Al-Ameen Abdullahi•260
    @al-ameen36Posted almost 2 years ago

    @phyfatima your welcome

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord