Skip to main content
removeu 233 caracteres do conteúdo
Fonte Link

Eu consegui fazer funcionar com a fonte instalada no PC, porém foi necessário colocar o código na página do css e na página principal. Veja só:

 

NO HTML:

    <title> :: TEXTO EM CSS ::</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css_style/h12_texto_css.css" type="text/css" 
          rel="stylesheet">
    
    <!-- IMPORTANDO DE DENTRO DO PRÓPRIO PC! -->
    <style type="text/css">
        @font-face {
            font-family: 'Tiza';
            src: url('fonts/tiza.eot');
            src: url('fonts/tiza.eot?#iefix') format('embedded-opentype'),
                 url('fonts/tiza.woff') format('woff'),
                 url('fonts/tiza.ttf') format('truetype'),
                 url('fonts/tiza.svg#Tiza') format('svg');  
        }
    </style>

    
    <!-- IMPORTANDO DA API DO GOOLE OUTRAS FONTE - VEJA EM 
    http://fonts.google.com -->

    <style> /* mantenha dessa forma, mesmo que o editor sinalizee erro! */
        @import url('https://fonts.googleapis.com/css?family=Bad+Script');
        @import url('https://fonts.googleapis.com/css?family=Patua+One');
    </style>

</head>
 

NO CSS:

@font-face { font-family: 'Tiza'; src: url('HTML_CSS_PHP/fonts/tiza.eot'); src: url('HTML_CSS_PHP/fonts/tiza.eot?#iefix') format('embedded-opentype'), url('HTML_CSS_PHP/fonts/tiza.woff') format('woff'), url('HTML_CSS_PHP/fonts/tiza.ttf') format('truetype'), url('HTML_CSS_PHP/fonts/tiza.svg#Tiza') format('svg'); }veja como fica no CSS

 

Aí então, no CSS basta chamar as fontes normalmente. Relmente pelo Google API é muitoooooo mais simples! Muito mesmo! Entretanto, você fica na dependência do servidor deles (embora eu ache que NUNCA vá dar problema hehehe).

Eu consegui fazer funcionar com a fonte instalada no PC, porém foi necessário colocar o código na página do css e na página principal. Veja só:

NO HTML:

    <title> :: TEXTO EM CSS ::</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css_style/h12_texto_css.css" type="text/css" 
          rel="stylesheet">
    
    <!-- IMPORTANDO DE DENTRO DO PRÓPRIO PC! -->
    <style type="text/css">
        @font-face {
            font-family: 'Tiza';
            src: url('fonts/tiza.eot');
            src: url('fonts/tiza.eot?#iefix') format('embedded-opentype'),
                 url('fonts/tiza.woff') format('woff'),
                 url('fonts/tiza.ttf') format('truetype'),
                 url('fonts/tiza.svg#Tiza') format('svg');  
        }
    </style>

    
    <!-- IMPORTANDO DA API DO GOOLE OUTRAS FONTE - VEJA EM 
    http://fonts.google.com -->

    <style> /* mantenha dessa forma, mesmo que o editor sinalizee erro! */
        @import url('https://fonts.googleapis.com/css?family=Bad+Script');
        @import url('https://fonts.googleapis.com/css?family=Patua+One');
    </style>

</head>

NO CSS:

@font-face { font-family: 'Tiza'; src: url('HTML_CSS_PHP/fonts/tiza.eot'); src: url('HTML_CSS_PHP/fonts/tiza.eot?#iefix') format('embedded-opentype'), url('HTML_CSS_PHP/fonts/tiza.woff') format('woff'), url('HTML_CSS_PHP/fonts/tiza.ttf') format('truetype'), url('HTML_CSS_PHP/fonts/tiza.svg#Tiza') format('svg'); }

Aí então, no CSS basta chamar as fontes normalmente. Relmente pelo Google API é muitoooooo mais simples! Muito mesmo! Entretanto, você fica na dependência do servidor deles (embora eu ache que NUNCA vá dar problema hehehe).

Eu consegui fazer funcionar com a fonte instalada no PC, porém foi necessário colocar o código na página do css e na página principal. Veja só:

 

NO HTML:

    <title> :: TEXTO EM CSS ::</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css_style/h12_texto_css.css" type="text/css" 
          rel="stylesheet">
    
    <!-- IMPORTANDO DE DENTRO DO PRÓPRIO PC! -->
    <style type="text/css">
        @font-face {
            font-family: 'Tiza';
            src: url('fonts/tiza.eot');
            src: url('fonts/tiza.eot?#iefix') format('embedded-opentype'),
                 url('fonts/tiza.woff') format('woff'),
                 url('fonts/tiza.ttf') format('truetype'),
                 url('fonts/tiza.svg#Tiza') format('svg');  
        }
    </style>

    
    <!-- IMPORTANDO DA API DO GOOLE OUTRAS FONTE - VEJA EM 
    http://fonts.google.com -->

    <style> /* mantenha dessa forma, mesmo que o editor sinalizee erro! */
        @import url('https://fonts.googleapis.com/css?family=Bad+Script');
        @import url('https://fonts.googleapis.com/css?family=Patua+One');
    </style>

</head>
 

NO CSS: veja como fica no CSS

 

Aí então, no CSS basta chamar as fontes normalmente. Relmente pelo Google API é muitoooooo mais simples! Muito mesmo! Entretanto, você fica na dependência do servidor deles (embora eu ache que NUNCA vá dar problema hehehe).

Fonte Link

Eu consegui fazer funcionar com a fonte instalada no PC, porém foi necessário colocar o código na página do css e na página principal. Veja só:

NO HTML:

    <title> :: TEXTO EM CSS ::</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css_style/h12_texto_css.css" type="text/css" 
          rel="stylesheet">
    
    <!-- IMPORTANDO DE DENTRO DO PRÓPRIO PC! -->
    <style type="text/css">
        @font-face {
            font-family: 'Tiza';
            src: url('fonts/tiza.eot');
            src: url('fonts/tiza.eot?#iefix') format('embedded-opentype'),
                 url('fonts/tiza.woff') format('woff'),
                 url('fonts/tiza.ttf') format('truetype'),
                 url('fonts/tiza.svg#Tiza') format('svg');  
        }
    </style>

    
    <!-- IMPORTANDO DA API DO GOOLE OUTRAS FONTE - VEJA EM 
    http://fonts.google.com -->

    <style> /* mantenha dessa forma, mesmo que o editor sinalizee erro! */
        @import url('https://fonts.googleapis.com/css?family=Bad+Script');
        @import url('https://fonts.googleapis.com/css?family=Patua+One');
    </style>

</head>

NO CSS:

@font-face { font-family: 'Tiza'; src: url('HTML_CSS_PHP/fonts/tiza.eot'); src: url('HTML_CSS_PHP/fonts/tiza.eot?#iefix') format('embedded-opentype'), url('HTML_CSS_PHP/fonts/tiza.woff') format('woff'), url('HTML_CSS_PHP/fonts/tiza.ttf') format('truetype'), url('HTML_CSS_PHP/fonts/tiza.svg#Tiza') format('svg'); }

Aí então, no CSS basta chamar as fontes normalmente. Relmente pelo Google API é muitoooooo mais simples! Muito mesmo! Entretanto, você fica na dependência do servidor deles (embora eu ache que NUNCA vá dar problema hehehe).