WebSite X5Help Center

 
Vlad L.
Vlad L.
User

Не верное отображение шрифтов  ru

Auteur : Vlad L.
Visité 3052, Followers 3, Partagé 0  

Выгрузил сайт в интернет с примененными к нему шрифтами VAG World Bold и KapelkaNew, установил предпочтения как и указано в программе, так же в примечании написано, что они корректно отобразятся на страницах, даже если они не установлены на устройстве посетителя. Однако на других устройствах мои шрифты не отображаются, хоть и в папке хостинга есть файлы со шрифтами. Что я сделал не так? Или же мне необходимо еще дописать куда-либо код HTML? Если да, то какой и куда именно?

сайт http://igrushki-tut.by/index.html

Posté le
11 RéPONSES - 2 UTILE
Vitaliy M.
Vitaliy M.
User

Вы не правильно прописали шрифты;

@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

Lire plus
Posté le de Vitaliy M.
Pavel M.
Pavel M.
User

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

Lire plus
Posté le de Pavel M.
Vlad L.
Vlad L.
User
Auteur
Vitaliy M.
Вы не правильно прописали шрифты; @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

Это получается мне надо 2 шрифта конвертировать в (eot, woff, svg), добавить к себе на компьютер в список шрифтов, добавить их в предпочтения в программу, а после X5 сам там все поменяет? И выгружать на хостинг.

Lire plus
Posté le de Vlad L.
Vitaliy M.
Vitaliy M.
User

Достаточно ttf, eot, woff, svg добавить в предпочтения. В программе websitex5 шрифты ttf автоматом сами появятся.

Lire plus
Posté le de Vitaliy M.
A. Kris
A. Kris
User

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

Lire plus
Posté le de A. Kris
Vlad L.
Vlad L.
User
Auteur
Vitaliy M.
Достаточно ttf, eot, woff, svg добавить в предпочтения. В программе websitex5 шрифты ttf автоматом сами появятся.

Виталий, сделал все по вашим рекамендациям, польшое спасибо, что помогаете. Однако, не свовсем понимаю почему стиль применился только к главной странице и все. Остальные страницы все также не отображают.

http://igrushki-tut.by/page-58.html

Lire plus
Posté le de Vlad L.
Vitaliy M.
Vitaliy M.
User

Вы что-то делаете не так..... Зайдите на форум http://forum.websitexs.ru и отправте мне в личку Ваш проект. Я посмотрю и по-возможности исправлю.

Lire plus
Posté le de Vitaliy M.
Vlad L.
Vlad L.
User
Auteur
A. Kris
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

здравствуйте, я так понял это для одного шрифта, а как мне применить такие настройки к нескольким шрифтам?

Lire plus
Posté le de Vlad L.
Vlad L.
Vlad L.
User
Auteur
Vitaliy M.
Вы что-то делаете не так..... Зайдите на форум http://forum.websitexs.ru и отправте мне в личку Ваш проект. Я посмотрю и по-возможности исправлю.

А как мне в личку отправить проект? Я, наверное, вообще тугой, просто не вижу куда клацнуть чтобы вложить файл X5

Lire plus
Posté le de Vlad L.
A. Kris
A. Kris
User
Vlad L.
A. Kris  здравствуйте, я так понял это для одного шрифта, а как мне применить такие настройки к нескольким шрифтам?

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;
}

Lire plus
Posté le de A. Kris
A. Kris
A. Kris
User

... Look at this page, there are two types of fonts and displayed correctly

Lire plus
Posté le de A. Kris