WebSite X5Help Center

 
Vlad L.
Vlad L.
User

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

Autor: Vlad L.
Visitado 3129, Seguidores 3, Compartilhado 0  

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

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

Publicado em
11 RESPOSTAS - 2 ÚTEIS
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/pt/post/165753

Ler mais
Publicado em de Vitaliy M.
Pavel M.
Pavel M.
User

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

Ler mais
Publicado em 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/pt/post/165753

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

Ler mais
Publicado em de Vlad L.
Vitaliy M.
Vitaliy M.
User

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

Ler mais
Publicado em 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

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

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

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

Ler mais
Publicado em de Vlad L.
Vitaliy M.
Vitaliy M.
User

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

Ler mais
Publicado em 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

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

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

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

Ler mais
Publicado em 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;
}

Ler mais
Publicado em de A. Kris
A. Kris
A. Kris
User

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

Ler mais
Publicado em de A. Kris