Photoshop Question posted in
The official user guide can be found here.

How to detect differences between design and site? – Photoshop

I have this site:link
I put an image to understand better

enter image description here

The difference bothers me more background and text size.
Font used in photoshop is “ArchivoNarrow regular”, this I put myself in the CSS code below

CODE CSS:

.details-footer{
  display: inline-block;
  width: auto;
  font-size: 9pt;
  color: white;
  font-family: ArchivoNarrow regular;
}

Can you tell me please from where all these differences and how can I fix?

Thanks in advance!

Tags:

2

Answers


  1. 0

    Have you defined the font? If not you do so like this:

    @font-face {
font-family: myFirstFont;
src: url(sansation_light.woff);
}

div {
    font-family: myFirstFont;
}

    then you need to upload the .woff font file to your folder.

    Login or Signup to reply.
  2. 0

    To add font, insert this in your index.php or whatever file, that containt links to your css files.
    <link href='https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>

    You need to insert this above all other css links.

    Then add following line to your css, where you need it:
    font-family: 'Archivo Narrow', sans-serif;

    For example, to apply this to the footer:
    .details-footer {
    font-family: 'Archivo Narrow', sans-serif;
    }

    Done!

    P.S.: It’s not a good idea to upload the font to your server, you should use Google Fonts when you can.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search