Почему мои пользовательские шрифты больше не загружаются онлайн? ⇐ CSS

[Anonymous]

Последние несколько лет я создавал собственную базу данных, каталогизирующую мою коллекцию фильмов.Вы можете получить доступ к сайту: http://sarahsmovies.com
Для просмотра сайта необходимы имя пользователя и пароль; это:
Имя пользователя: Sarah'sBuddy
Пароль: Tiger2
Дизайн большинства страниц вдохновлен конкретными фильмами или темами, и на каждой странице используются разные шрифты. Все было хорошо, пока чуть больше недели назад пользовательские шрифты внезапно не перестали загружаться в Интернете. Это произошло примерно в то же время, когда я получил электронное письмо от моего хостинг-провайдера GoDaddy, в котором сообщалось, что мой хостинг был перенесен, хотя несколько представителей GoDaddy заверили меня, что это не источник моей проблемы.
Для справки ниже приведены сценарии HTML и CSS для одной из моих страниц.
HTML:

Код: Выделить всё

Sarah's Movie TYGERRSSSS - Alice in Wonderland (1951)
[*]




[url=javascript: history.go(-1)][i][/url]

[url=index.html]
[img]Images/AliceInWonderland(1951)Home.PNG[/img]
[/url]

Alice in Wonderland

[img]Images/AliceInWonderland(1951).jpg[/img]


Synopsis:

Imaginative young Alice tumbles into the whimsical world of Wonderland and must embark on a fantastical adventure to find her way home.




Year: 1951

Genre: Animation/Adventure/Family

Edition/Collection: Special Un-Anniversary Edition DVD

Rating: G

Runtime: 1 Hour & 15 Minutes

Style & Screen Ratio: 2D, Full Screen

Subtitles, Closed Captioning, & Languages:

Feature:

Original Language: English

Subtitles: French (Français) & Spanish (Español)

Captions: English for the Hearing Impaired

Alternate Languages: French (Français) & Spanish (Español)

Bonus Material:

Original Language: English

Subtitles: French (Français) & Spanish (Español)

Captions: English for the Hearing Impaired

Alternate Languages: none





https://www.youtube.com/embed/vTOYL4-rz1Q?rel=0

Related Titles:

[url=Movie_Alice in Wonderland (2010).html]Alice in Wonderland (2010)[/url]

[url=PageUnderConstruction.html]Alice Through the Looking Glass[/url]

Lists Featuring This Movie:

[url=List_DisneyMovies.html]Disney Movies[/url]

[url=List_MoviesFromMake-BelieveLands&FantasyWorlds.html]Movies from Make-Believe Lands &  Fantasy Worlds[/url]

[url=List_MoviesProducedByWaltDisney.html]Movies Produced By Walt Disney[/url]

[url=List_SpringMovies.html]Spring Movies[/url]

[url=List_UnitedKingdomMovies.html]United Kingdom Movies[/url]

[url=List_WaltDisneyAnimationStudiosMovies.html]Walt Disney Animation Studios Movies[/url]




Special Features:

Feature:

Bonus Features:[/b]
[b]
Reflections On Alice, Deleted Scene: Pig And Pepper, Virtual Wonderland Party, Adventures In Wonderland (Set Top Game), "I'm Odd" (Cheshire Cat Song), & Thru The Mirror (Mickey Mouse Animated Short)

Sneak Peeks:[/b]

Genuine Treasure: Tinker Bell, Disney Movie Rewards, Old Dogs, My Friends Tigger & Pooh: Super Duper Super Sleuths, James And The Giant Peach - Special Edition, The Black Cauldron - Special Edition, Tinker Bell And The Great Fairy Rescue, Disney Parks, On Blu-ray Disc, & Beauty And The Beast - Diamond Edition

Bonus Material:

"One Hour In Wonderland"

An Alice Comedy: "Alice's Wonderland"

Theatrical Trailers - Theatrical Trailer #1 & Theatrical Trailer #2

Walt Disney TV Introductions - 1954 Introduction & 1964 Introduction

"Operation Wonderland"

The Fred Waring Show (Excerpt) - Original Air Date: March 18, 1951

Abandoned Content - From Wonderland To Neverland: The Evolution Of A Song, Deleted Storyboard Concept: Alice Daydreams In The Park, & Original Song Demos ("Beware The Jabberwock,"[/i] [i]"Everything Has A Useness,"[/i] [i]"So They Say,"[/i] [i]"Beautiful Soup,"[/i] [i]"Dream Caravan,"[/i] &  [i]"If You'll Believe In Me"[/i])

Art Gallery

CSS:

Код: Выделить всё

@font-face {
font-family: DKJambo;
src: url(Fonts/DKJambo.ttf);
}

html {
min-height: 100%;
box-shadow: 0 0 200px rgba(22,0,43,0.9) inset;
}

body {
background-color: #31005c;
}

#div1 {
width: 15%;
float: left;
background-color: rgba(49,0,92,0);
}

#arrow {
width: 100%;
}

#div2 {
width: 70%;
float: left;
background-color: rgba(49,0,92,0);
}

#div3 {
width: 15%;
float: left;
background-color: rgba(49,0,92,0);
}

#home {
width: 100%;
}

#div4 {
width: 100%;
float: left;
background-color: rgba(49,0,92,0);
}

h1 {
color: #ffc345;
text-align: center;
font-family: "DKJambo";
font-size: 960%;
text-shadow: 3px 3px 5px #7d7c7b;
}

#div5 {
width: 38%;
float: left;
background-color: rgba(49,0,92,0);
padding: 1%;
}

#poster {
width: 100%;
box-shadow: 3px 3px 5px #7d7c7b;
}

#box2 {
float: right;
width: 94%;
margin-left: 5%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
padding-right: 3%;
background-color: #4e784c;
text-align: center;
font-family: "DKJambo";
font-size: 345%;
color: #96893b;
box-shadow: 3px 3px 5px #7d7c7b;
}

#div6 {
width: 58%;
float: left;
background-color: rgba(49,0,92,0);
padding: 1%;
}

#box1 {
float: right;
width: 94%;
margin-left: 5%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
padding-right: 3%;
background-color: #ffffff;
text-align: center;
font-family: "DKJambo";
font-size: 235%;
color: #4674d6;
box-shadow: 3px 3px 5px #7d7c7b;
}

#bumper {
width: 100%;
float: left;
background-color: rgba(49,0,92,0);
padding: 0.5%;
}

#div7 {
width: 58%;
float: left;
background-color: rgba(49,0,92,0);
padding: 1%;
}

.video-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
box-shadow: 3px 3px 5px #7d7c7b;
}
.video-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

#break {
width: 100%;
float: left;
background-color: rgba(49,0,92,0);
}

#box4 {
float: right;
width: 94%;
margin-left: 5%;
padding-top: 2%;
padding-bottom: 4%;
padding-left: 3%;
padding-right: 3%;
background-color: #a84190;
text-align: center;
font-family: "DKJambo";
font-size: 225%;
color: #520044;
box-shadow: 3px 3px 5px #7d7c7b;
}

a:link {
color: #520044;
text-decoration: none;
}

a:visited {
color: #520044;
text-decoration: none;
}

a:hover {
color: #ffc345;
text-decoration: underline;
}

a:active {
color: #520044;
text-decoration: none;
}

#div8 {
width: 38%;
float: left;
background-color: rgba(49,0,92,0);
padding: 1%;
}

#box3 {
float: right;
width: 94%;
margin-left: 5%;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 3%;
padding-right: 3%;
background-color: #b00300;
text-align: center;
font-family: "DKJambo";
font-size: 215%;
color: #ffffff;
box-shadow:  3px 3px 5px #7d7c7b;
}

Чтобы исправить свои пользовательские шрифты, я попробовал следующее:

• Проверил, что все мои пользовательские шрифты все еще работает локально
• Заменил все загруженные файлы веб-сайта свежими копиями через FileZilla
• Обратился в службу поддержки клиентов GoDaddy (несколько раз) — каждый раз они уверяли меня, что с их сервером проблем нет и что проблема связана с моими скриптами
  
  Убедился, что все права доступа к файлам шрифтов и каталогам установлены правильно (644 и 755 соответственно)
• Обновлены данные @font-face для одной из моих страниц:

Код: Выделить всё

@font-face {
font-family: 'ElliotSans-Bold';
src: url('http://www.sarahsmovies.com/Stylesheets/Fonts/ElliotSans-Bold.ttf') format('truetype');
}

• Создан и загружен новый файл .htaccess, содержащий следующий код:

Код: Выделить всё

# BEGIN Basic Settings for Fonts

# Ensure the MIME types are correct for font files

AddType application/font-woff .woff
AddType application/font-woff2 .woff2
AddType font/ttf .ttf
AddType font/otf .otf


# Ensure CORS headers are set for font files


Header set Access-Control-Allow-Origin "*"



# Allow access to font files in the Fonts directory

Require all granted


# END Basic Settings for Fonts

• Проверил URL-адрес одного из моих файлов шрифтов (http://sarahsmovies.com/Stylesheets/Fon ... s-Bold.ttf) – соответствующая страница никогда не загружался

Я также обязательно пробовал загружать свой сайт в нескольких браузерах и часто очищать кэш браузера.
Несмотря на все это, моя проблема остается неизменной: мой сайт будет загружаться и работать как обычно, но без моих собственных шрифтов, которые были заменены обычными буквами.
Я не уверен какие шаги предпринять дальше. Любая помощь или идеи, которые вы можете предложить, будут очень признательны!

Подробнее здесь: https://stackoverflow.com/questions/785 ... oad-online