WebSite X5Help Center

 
Vlad L.
Vlad L.
User

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

Autor: Vlad L.
Visited 3054, Followers 3, Udostępniony 0  

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

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

Posted on the
11 ODPOWIEDZI - 2 USEFUL
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/pl/post/165753

Czytaj więcej
Posted on the from Vitaliy M.
Pavel M.
Pavel M.
User

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

Czytaj więcej
Posted on the from Pavel M.
Vlad L.
Vlad L.
User
Autor
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/pl/post/165753

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

Czytaj więcej
Posted on the from Vlad L.
Vitaliy M.
Vitaliy M.
User

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

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from A. Kris
Vlad L.
Vlad L.
User
Autor
Vitaliy M.
Достаточно ttf, eot, woff, svg добавить в предпочтения. В программе websitex5 шрифты ttf автоматом сами появятся.

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

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

Czytaj więcej
Posted on the from Vlad L.
Vitaliy M.
Vitaliy M.
User

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

Czytaj więcej
Posted on the from Vitaliy M.
Vlad L.
Vlad L.
User
Autor
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

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

Czytaj więcej
Posted on the from Vlad L.
Vlad L.
Vlad L.
User
Autor
Vitaliy M.
Вы что-то делаете не так..... Зайдите на форум http://forum.websitexs.ru и отправте мне в личку Ваш проект. Я посмотрю и по-возможности исправлю.

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

Czytaj więcej
Posted on the from 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;
}

Czytaj więcej
Posted on the from A. Kris
A. Kris
A. Kris
User

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

Czytaj więcej
Posted on the from A. Kris