can not change the font in chorme?

0

on my page I want to change the h1 to another font of interest intenete many times in chrome and I do not let it load in firefox and could someone know why I can make it change in all browsers here if it runs fine but not in chrome

h1{
    font-family:SF TransRobotics;

}
<html>

    <head>
       
        <link rel="stylesheet" type="text/css" href="css/estilos.css">
       
    </head>
    <body>
        <header>
            <section class="wrap">
         
               <h1 class="title">hola </h1>
         </header>
         </body>
         </html>
    
asked by Davidrj 04.01.2019 в 23:56
source

1 answer

0

From what I see SF Transbotic is a web font, you must first download the source file, upload it to the server and include it in your stylesheet, like this:

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'SF TransRobotics';
font-style: normal;
font-weight: normal;
src: local('SF TransRobotics'), url('SF TransRobotics.woff') format('woff');
} 

Look at the url () parameter that should point to the path where you uploaded the .woff file that contains the source.

If you have already done this, keep in mind that you must put single quotes when calling the source in the CSS, like this:

h1{
    font-family:'SF TransRobotics';
}
    
answered by 05.01.2019 в 00:21