Как использовать шрифт на локальном сервере (xampp)?

Я экспериментирую с пользовательскими шрифтами, использующими font-face и локальный шрифт, который у меня есть на моем компьютере.Как использовать шрифт на локальном сервере (xampp)?

Я использую XAMPP для локального сервера и Dreamweaver как IDE (не уверен, что это важно, хотя я «управлял» моими шрифтами и добавлял шрифт, который я пытаюсь использовать).

В любом случае, я продолжаю получать следующую «ошибку» из консоли браузера при попытке увидеть мой тест: «неизвестное имя свойства» для семейства шрифтов в элементе h1. Я пытаюсь это сделать.

Вот код, который я сделал об этом, может быть, у меня что-то не так?

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Prueba: Importando Fuentes</title> 

    <style type="text/css"> 

    @font-face 
    { 
     font-family: 'origami'; 
     src:url("http://localhost/Laboratorio%20de%20Pruebas/Mayo/Fonts/fonts/fonts/origami_making.ttf");   
     font-weight:normal;    
    } 

    h1 
    { 
     font-familiy: 'origami', sans-serif;  
    } 

    h2 
    { 
     font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; 
    } 

    </style> 
</head> 

<body> 

    <h1>ORIGAMI</h1> 
    <h2>IMPACT</h2> 

</body> 
</html>

источник

2015-06-18 EclipticalD

Я уверен, что вам нужно origami_making.eot, а также, и использовать относительные адреса. пример

@font-face { 
font-family: "Flaticon"; 
src: url("flaticon.eot"); 
src: url("flaticon.eot#iefix") format("embedded-opentype"), 
url("flaticon.woff") format("woff"), 
url("flaticon.ttf") format("truetype"), 
url("flaticon.svg") format("svg"); 
font-weight: normal; 
font-style: normal; 
}

источник

2015-06-18 07:40:50 Junaid

спасибо. Я просто попытался, но у меня все еще возникает такая же проблема: o. Изменен источник: src: url ("origami_making.ttf") format ("truetype"), url ("origami_making.eot") format ("embedded-opentype"); – EclipticalD

@EclipticalD Ваш относительный URL-адрес может отличаться, если вы обращаетесь к своему сайту как «http: // localhost/Laboratorio-de-Pruebas», ваш относительный url будет «Mayo/Fonts/fonts/fonts/origami_making.ttf' – Junaid

Спасибо! вы были правы :) только что зафиксировали это ... также у меня была typpo -_-. – EclipticalD

Как использовать шрифт на локальном сервере (xampp)?

ответ

Смежные вопросы