Не верное отображение шрифтов
Auteur : Vlad L.
Visité 2976,
Followers 3,
Partagé 0
Выгрузил сайт в интернет с примененными к нему шрифтами VAG World Bold и KapelkaNew, установил предпочтения как и указано в программе, так же в примечании написано, что они корректно отобразятся на страницах, даже если они не установлены на устройстве посетителя. Однако на других устройствах мои шрифты не отображаются, хоть и в папке хостинга есть файлы со шрифтами. Что я сделал не так? Или же мне необходимо еще дописать куда-либо код HTML? Если да, то какой и куда именно?
Posté le
Вы не правильно прописали шрифты;
@font-face { font-family: 'VAG World'; src: local('☺'), url('../style/fonts/VAG-World-Bold.ttf') format('truetype'); }
Вам надо конвертировать шрифты в eot, woff, svg
Почитайте эту тему - https://helpcenter.websitex5.com/fr/post/165753
давно пора добавить в программу полтора десятка самых ходовых современных шрифтов для сайтов, как это сделано практически во всех конструкторах, а то новички занимаются варкой супа из топора.
Auteur
Это получается мне надо 2 шрифта конвертировать в (eot, woff, svg), добавить к себе на компьютер в список шрифтов, добавить их в предпочтения в программу, а после X5 сам там все поменяет? И выгружать на хостинг.
Достаточно ttf, eot, woff, svg добавить в предпочтения. В программе websitex5 шрифты ttf автоматом сами появятся.
Hi Vlad,
You must create a css file and then enter into a html code (1px height) on the same page and connect the fonts from your PC, then you must enter in expert before closing head <link href = "files / your-styl.css" type = "text / css" rel = "stylesheet">
to create the css file you have to change the name of the font
/* font converted using font-converter.net. thank you! */
@font-face {
font-family: 'CraftyGirls';
src: url('CraftyGirls.eot');
src: url('CraftyGirls.eot?#iefix') format('embedded-opentype'),
url('CraftyGirls.woff2') format('woff2'),
url('CraftyGirls.woff') format('woff'),
url('CraftyGirls.ttf') format('truetype'),
url('CraftyGirls.svg') format('svg');
font-weight: normal;
font-style: normal;
}
see in the screenshot... in anteprima diventa simile a questo
Auteur
Виталий, сделал все по вашим рекамендациям, польшое спасибо, что помогаете. Однако, не свовсем понимаю почему стиль применился только к главной странице и все. Остальные страницы все также не отображают.
http://igrushki-tut.by/page-58.html
Вы что-то делаете не так..... Зайдите на форум http://forum.websitexs.ru и отправте мне в личку Ваш проект. Я посмотрю и по-возможности исправлю.
Auteur
здравствуйте, я так понял это для одного шрифта, а как мне применить такие настройки к нескольким шрифтам?
Auteur
А как мне в личку отправить проект? Я, наверное, вообще тугой, просто не вижу куда клацнуть чтобы вложить файл X5
Hi Vlad, in the .css file you must indicate all types of characters you want to appear on your project. and then ws choose the font in the time of writing.
example:
@font-face {
font-family: 'CraftyGirls';
src: url('CraftyGirls.eot');
src: url('CraftyGirls.eot?#iefix') format('embedded-opentype'),
url('CraftyGirls.woff2') format('woff2'),
url('CraftyGirls.woff') format('woff'),
url('CraftyGirls.ttf') format('truetype'),
url('CraftyGirls.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu.eot');
src: url('Ubuntu.eot?#iefix') format('embedded-opentype'),
url('Ubuntu.woff2') format('woff2'),
url('Ubuntu.woff') format('woff'),
url('Ubuntu.ttf') format('truetype'),
url('Ubuntu.svg') format('svg');
font-weight: normal;
font-style: normal;
}
... Look at this page, there are two types of fonts and displayed correctly