CSS Font-Family não aparece em outros dispositivos

Eduardo de Quadros · 6 de agosto de 2019

Eu insiro um valor que está instalado no meu PC, como 'Gigi', 'Gattely DEMO' e 'blackHand_TRIAL', mas quando eu rodo o website em outros dispositivos a fonte não aparece.

GabrielSennaMs · 7 de agosto de 2019

@EduardoMQS Isso acontece porque o seu PC tem a fonte que você utilizou no seu projeto e os outros dispositivos não.

Para resolver isso basta incorporar a fonte no seu projeto usando um elemento link ou um @import css.

Exemplo

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Font Roboto</title>
        <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
        <style>
            @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

            html, body{
                font-family: 'Roboto', sans-serif;
            }
        </style>
    </head>
    <body>
        <div>
            All their equipment and instruments are alive.
        </div>
    </body>
</html>