To change the font on the admin panel

To use Google Fonts on your website, follow these steps:

  1. Choose the fonts you want to use: Go to Google Fonts website (**https://fonts.google.com/**) and browse through the wide range of font families. You can filter the fonts by categories such as Serif, Sans-serif, Display, Handwriting, and Monospace.
  2. Add the font to your collection: Once you have selected the fonts you want to use, click on the "+ Select this style" button below the font preview. The font will be added to your collection at the bottom of the page.
  3. Customize your fonts: Google Fonts provides a range of customization options such as font weight, font style, and font size. You can customize the fonts by selecting the desired options in the "Customize" section below the font preview.
  4. Generate the code: Once you have customized your fonts, click on the "Embed" button on the top-right corner of the page. You will be presented with a code snippet that you can copy and paste into your HTML/Blade file.
  5. In our case is the resources/views/layouts/app.blade.php Copy the code snippet and paste it into the <head> section of your HTML file. This will link your website to the Google Fonts server and allow your website to load the selected fonts.
  6. Apply the font to your website: Finally, apply the selected fonts to your website by using the CSS font-family property. For example:

Edit public/argon/css/argon.css

Line 95

body
{
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;

    margin: 0;

    text-align: left;

    color: #525f7f;
    background-color: #f8f9fe;
}

Change the font-family