WebSite X5Help Center

 
Vlad L.
Vlad L.
User

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

Autore: Vlad L.
Visite 3127, Followers 3, Condiviso 0  

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

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

Postato il
11 RISPOSTE - 2 UTILI
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/it/post/165753

Leggi di più
Postato il da Vitaliy M.
Pavel M.
Pavel M.
User

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

Leggi di più
Postato il da Pavel M.
Vlad L.
Vlad L.
User
Autore
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/it/post/165753

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

Leggi di più
Postato il da Vlad L.
Vitaliy M.
Vitaliy M.
User

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

Leggi di più
Postato il da 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

Leggi di più
Postato il da A. Kris
Vlad L.
Vlad L.
User
Autore
Vitaliy M.
Достаточно ttf, eot, woff, svg добавить в предпочтения. В программе websitex5 шрифты ttf автоматом сами появятся.

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

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

Leggi di più
Postato il da Vlad L.
Vitaliy M.
Vitaliy M.
User

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

Leggi di più
Postato il da Vitaliy M.
Vlad L.
Vlad L.
User
Autore
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

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

Leggi di più
Postato il da Vlad L.
Vlad L.
Vlad L.
User
Autore
Vitaliy M.
Вы что-то делаете не так..... Зайдите на форум http://forum.websitexs.ru и отправте мне в личку Ваш проект. Я посмотрю и по-возможности исправлю.

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

Leggi di più
Postato il da 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;
}

Leggi di più
Postato il da A. Kris
A. Kris
A. Kris
User

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

Leggi di più
Postato il da A. Kris