шрифты моего веб-сайта не работает ...@ шрифт-Face не работает на веб-сервере
Я работаю на веб-сайте, и мой CSS имеет свойство в нем называется @ шрифта лицо , когда я уже загрузил сайт на веб-сервере ... В моем браузере (хром) он отлично работает, но когда я попросил кого-то проверить его для меня, сайт довольно запутан. Когда я проверил это и в Mozilla он также испортил ... Я использую нестандартные шрифты ...
ШРИФТЫ:
воздуха Millhouse курсивного
Guardians
Песня для Дженифер
Фредерика великий
если вам нужен код:
@font-face {
font-family: "Air Millhouse Italic";
src: url("http://typefront.com/fonts/825593225.eot");
src: local("☺"),
url("http://typefront.com/fonts/825593225.woff") format("woff"),
url("http://typefront.com/fonts/825593225.ttf") format("truetype"),
url("http://typefront.com/fonts/825593225.svg") format("svg");
}
@import url(http://fonts.googleapis.com/css?family=Russo+One);
@import url(http://fonts.googleapis.com/css?family=Orbitron);
@font-face {
font-family: "Fredericka the Great";
src: local("☺"),
url("FrederickatheGreat-Regular.ttf") format("truetype");
}
@font-face {
font-family: "a song for jennifer";
src: local("☺"),
url("asongforjennifer.ttf") format("truetype");
}
@font-face {
font-family: "Guardians";
src: local("☺"),
url("Guardians.ttf") format("truetype");
}
@font-face {
font-family: "quicksand";
src: local("☺"),
url("http://fonts.googleapis.com/css?family=Quicksand") format("opentype");
}
h1{
\t text-align: center;
\t color:#009900;
\t font-family: air millhouse italic;
\t font-size: 70px;
\t opacity: 0.9;
}
h2{
\t text-align: center;
\t color: #6500ff;
\t font-family: guardians;
\t opacity:0.7;
\t font-size: 33px;
\t letter-spacing: -1px;
\t position: relative;
\t bottom: 50px;
}
h2:hover{
\t color:green;
\t font-size: 40px;
}
#dew1{
\t opacity: 0.5px;
\t max-height: 60px;
\t max-width: 60px;
\t position: relative;
\t bottom:228px;
\t right:130px;
}
#catdew{
\t max-height: 200px;
\t max-width: 200px;
\t position: relative;
\t z-index: -1;
\t bottom:315px;
}
#catdew:hover{
\t max-height: 250px;
\t max-width: 250px;
}
#dance1{
\t max-height: 135px;
\t max-width: 135px;
\t position: relative;
\t bottom:510px;
\t left:400px;
\t z-index: -1;
}
#dance2{
\t max-height: 135px;
\t max-width: 135px;
\t position: relative;
\t bottom:510px;
\t right:400px;
\t z-index: -1;
}
h3{
\t font-family: 'Russo One', sans-serif;;
\t text-align: center;
\t color:white;
\t position: relative;
\t bottom:470px;
\t font-size: 30px;
}
#dew{
\t color:white;
\t font-family: courier new;
\t text-align: center;
}
#dew:hover{
\t color:yellow;
\t font-family: arial black;
}
#down{
\t color: #009900;
\t font-family: fredericka the Great;
\t text-align: center;
\t font-size: 100px;
\t position:relative;
\t bottom: 500px;
}
#patient{
\t color: white;
\t font-family: courier new;
\t text-align: center;
\t position:relative;
\t bottom: 500px;
}
#then{
\t text-align: center;
\t color: #009900;
\t font-family: fredericka the Great;
}
#ab{
\t color: #009900;
\t font-family: fredericka the Great;
\t text-align: center;
\t font-size: 10px;
\t position: relative;
\t bottom: 645px;
}
#not{
\t font-family: a song for jennifer;
\t color: #009900;
\t font-size: 60px;
\t text-align: center;
\t position: relative;
\t bottom: 500px;
}
#adr{
\t font-family: a song for jennifer;
\t color: #009900;
\t font-size: 23px;
\t text-align: center;
\t position: relative;
\t bottom: 550px;
\t left: 250px;
}
Спасибо за вашу помощь.
Используются ли шрифты, установленные на вашем компьютере или на вашем сервере? –
Вы видите ошибку на консоли firefox? –
Техническое примечание: браузеры перемещаются с этого синтаксиса. Шрифты SVG больше не являются вещами (теперь нет настоящих браузеров) (http://caniuse.com/#feat=svg-fonts)). На самом деле, если у вас есть версия 'woff', это вполне достаточно для поддержки [любого браузера, который имеет значение] (http://caniuse.com/#feat=woff). –