WebSite X5Help Center

 
Vlad L.
Vlad L.
User

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

Autor: Vlad L.
Visitado 3128, Followers 3, Compartido 0  

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

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

Publicado en
11 RESPUESTAS - 2 úTIL
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/es/post/165753

Leer más
Publicado en de Vitaliy M.
Pavel M.
Pavel M.
User

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

Leer más
Publicado en de 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/es/post/165753

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

Leer más
Publicado en de Vlad L.
Vitaliy M.
Vitaliy M.
User

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

Leer más
Publicado en 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

Leer más
Publicado en de A. Kris
Vlad L.
Vlad L.
User
Autor
Vitaliy M.
Достаточно ttf, eot, woff, svg добавить в предпочтения. В программе websitex5 шрифты ttf автоматом сами появятся.

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

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

Leer más
Publicado en de Vlad L.
Vitaliy M.
Vitaliy M.
User

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

Leer más
Publicado en de 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

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

Leer más
Publicado en de Vlad L.
Vlad L.
Vlad L.
User
Autor
Vitaliy M.
Вы что-то делаете не так..... Зайдите на форум http://forum.websitexs.ru и отправте мне в личку Ваш проект. Я посмотрю и по-возможности исправлю.

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

Leer más
Publicado en 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;
}

Leer más
Publicado en de A. Kris
A. Kris
A. Kris
User

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

Leer más
Publicado en de A. Kris