Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Не изменяется font-style

Всем привет. Такая ситуация, в админке исправляю font-style заголовка с italic на normal, а он не меняется. Кэш чистил. Смотрю через инспектор - а он всё равно italic, опять же, меняю в нём - и всё работает, показывает normal. Перепроверил несколько раз - элемент тот же, через !important тоже пробовал. Из-за чего это может быть? Спасибо.
Ответ: denisco, спасибо за отклик, уже разобрался сам. Да, дело было в кэше браузера, был какой-то глюк просто, т.к. всё заработало, как надо только когда я в 3-й раз очистил кэш браузера и перезапустил его.
Вопрос: Font-style

Разбираю шрифты psd макета и столкнулся с таким вопросом...в font-family - HelveticaNeueCyr, font-style - Roman...как в css задать стиль Roman для шрифта?
Ответ: a4t_ech, это уже другой шрифт. Вы должны сгенерировать шрифты под web и подключить их с помощью свойтсва @font-face, подключение выглядит так:

CSS
1
2
3
4
5
6
7
8
9
10
11
@font-face {
  font-family: 'FontAwesome';
  src: font-url('fonts/fontawesome-webfont.eot?v=4.3.0');
  src: font-url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), 
       font-url('fontawesome-webfont.woff2?v=4.3.0') format('woff2'), 
       font-url('fontawesome-webfont.woff?v=4.3.0') format('woff'), 
       font-url('fontawesome-webfont.ttf?v=4.3.0') format('truetype'), 
       font-url('fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
Сгенерировать шрифт под web из существующего .ttf формата можете здесь - (либо другой подобный генератор, если данный не будет пропускать из-за лицензии). Если что-то не понятно, задавайте вопрос - подскажу.
Вопрос: Не работает font-style: oblique

Доброго времени суток.
Столкнулась с такой проблемой. Верстала макет, в котором использовался не стандартный шрифт. Я его скачала, сгенерила нужные разрешения шрифта, подключила внутрь макета (не внешней ссылкой, а в папку шрифтов). Специально подключала только прямой, потому что там использовался именно не курсив, а наклон. И вот применила к нему font-style: oblique, а оно не сработало. По каким причинам это могло произойти?

Заранее спасибо)
Ответ: Спасибо) А как решить такую проблему, с чем она связана (почему бразуер одно понимает, а другое нет) и как её возможно прогнозировать?
Вопрос: Изменение цвета текста в font

Добрый день!
Мне надо на всей странице изменить цвет текста заключенный в тег font.
Пробую сделать так
/*document.getElementsByTagName("font").style['color']="#F9F803";*/

Не получается.
Подскажите пожалуйста.
Спасибо!
Ответ: CSS:
font[color]{
    color: #F9F803 !important;
}
Вопрос: @font-face не выносится в файл .css

Есть проблема.
Код HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<style type="text/css">
@font-face {
    font-family: 'AdventureRegular';
    src: local('?'),
         url('fonts/adventure-webfont.ttf') format('truetype'),
         url('fonts/adventure-webfont.svg#AdventureRegular') format('svg');
    font-weight: normal;
    font-style: normal;  
}
@font-face {
    font-family: 'ArbatRegular';
    src: local('?'), 
         url('fonts/Arbat-webfont.ttf') format('truetype'),
         url('fonts/Arbat-webfont.svg#ArbatRegular') format('svg');
    font-weight: normal;
    font-style: normal;  
}
@font-face {
    font-family: 'pf_dindisplay_probold';
    src: local('?'), 
    src: url('fonts/pfdindisplaypro-bold-webfont.eot');
    src: url('fonts/pfdindisplaypro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pfdindisplaypro-bold-webfont.woff2') format('woff2'),
         url('fonts/pfdindisplaypro-bold-webfont.woff') format('woff'),
         url('fonts/pfdindisplaypro-bold-webfont.ttf') format('truetype'),
         url('fonts/pfdindisplaypro-bold-webfont.svg#pf_dindisplay_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
</style>
Это работает в теле <html>, но отказывается работать так (см последнюю строчку):
Код HTML5
1
2
3
4
5
6
7
8
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=1262" />
<title>......</title>
<script type="text/javascript" src="js/.....js"></script>
....
<link href="css/fonts.css" rel="stylesheet" type="text/css">
</head>
Внешний CSS точно такой же:
Код CSS
1
2
3
4
5
6
7
8
9
10
11
12
@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'AdventureRegular';
    src: local('?'),
         url('fonts/adventure-webfont.ttf') format('truetype'),
         url('fonts/adventure-webfont.svg#AdventureRegular') format('svg');
    font-weight: normal;
    font-style: normal;  
}
...........................................
}
Вопрос: как подключить внешним файлом. Почему не работает ?
Ответ:
Сообщение от bigsun
Теперь все работает !
Сколько пишу css, нигде не смог найти такой простой инфы про относительные пути. Бред конечно, по-моему надо считать ../fonts/ и fonts/ равнозначными (камень в W3C). Неужели браузеру трудно поискать в текущей директории ? Пару строчек кода пожалели ?
А что если у вас будет 2 файла в разных папках с одинаковым названием, но с разным содержимым? Какой файл браузер должен подключать в таком случае?)
Это не бред, а строгость, которая помогает не допускать путаницы.

Теперь немного поясню разницу между ../fonts/ и fonts/ :
fonts/ ведёт к одноимёной папке относительно текущего файла. Т.е. если ваш ксс файл лежит так, как я предположил выше, то браузер откроет папку css/fonts/, которой не существует.
../fonts/ ведёт к одноимённой папке на уровень выше текущего. Т.е. браузер вначале поднимается в каталоге на уровень выше(выходит из папки ксс) и только потом ищет папку fonts/
Вопрос: Failed to decode downloaded font

Может ли быть ещё какое-то обьяснение кроме того что файл битый ?

Шрифт:


Подключение
@font-face {
	    font-family: Milford;
	    src: url(fonts/MILFCD_B.TTF);
      }
      body{
        font-family: Milford;
      }


Хром жалуется
Failed to decode downloaded font

Firefox жалуется
downloadable font: maxp: bad max_zones: 3 (font-family: "Milford" style:normal weight:normal stretch:normal src index:0)

downloadable font: cmap: bad glyph id offset (26534 > 412) (font-family: "Milford" style:normal weight:normal stretch:normal

downloadable font: cmap: failed to parse table (font-family: "Milford" style:normal weight:normal stretch:normal src index:0)

downloadable font: rejected by sanitizer (font-family: "Milford" style:normal weight:normal stretch:normal src index:0)
Ответ: Такс самое близкое чего удалось добится

1) загнал шрифт вот сюды

2) подключил css вот с таким содержимым
@font-face {
  font-family: 'MilfordCondensedBold';
  src: url('MilfordCondensedBold.eot');
  src: url('MilfordCondensedBold.eot?#iefix') format('embedded-opentype'),
       url('MilfordCondensedBold.woff') format('woff'),
       url('MilfordCondensedBold.svg#MilfordCondensedBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
Вопрос: Не выводится второй шрифт @font-face

Доброго времени суток, пожалуйста помогите и скажите что я делаю не так.

Вот CSS код:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
@font-face {
    font-family: "AdineKirnbergRegular";
    src: url("/fonts/AdineKirnbergRegular/AdineKirnbergRegular.eot");
    src: url("/fonts/AdineKirnbergRegular/AdineKirnbergRegular.eot?#iefix")format("embedded-opentype"),
    url("/fonts/AdineKirnbergRegular/AdineKirnbergRegular.woff") format("woff"),
    url("/fonts/AdineKirnbergRegular/AdineKirnbergRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
 
@font-face {
    font-family: "BarkentinaRegular";
    src: url("/fonts/BarkentinaRegular/BarkentinaRegular.eot");
    src: url("/fonts/BarkentinaRegular/BarkentinaRegular.eot?#iefix")format("embedded-opentype"),
    url("/fonts/BarkentinaRegular/BarkentinaRegular.woff") format("woff"),
    url("/fonts/BarkentinaRegular/BarkentinaRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
Я не могу вывести второй шрифт(Barkentina), пожалуйста помогите.
Ответ: Все, проблема решилась, всего лишь надо было писать полные названия шрифтов в @font-face
Вопрос: Не работает font-weight

Раньше у меня шрифты подгружались из fonts.google.com. Решил перенести шрифты на локальную машину, дабы ускорить загрузку сайта. Перенёс:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
@font-face{
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: normal;
    src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/opensans/OpenSans-Light.ttf') format('ttf');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face{
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    src: local('Open Sans'), local('OpenSans'), url('fonts/opensans/OpenSans-Regular.ttf') format('ttf');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face{
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('fonts/opensans/OpenSans-Semibold.ttf') format('ttf');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face{
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: normal;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/opensans/OpenSans-Bold.ttf') format('ttf');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
И почему-то слетела насыщенность шрифта. Все шрифты обрели стиль font-weight: 400 и не реагируют на изменение. Я неправильно их подключил?
Ответ: jur76, почему неправильно подключены? И как сделать так, чтобы при использовании одного названия шрифта можно было менять font-weight?
Вопрос: Не работает свойство @font-face

Доброго времени суток!
У меня почему то не работает свойство @font-face,точнее работает только в firefox ,а больше нигде

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<style type="text/css">
 
@font-face {
        font-family: 'Myriad Pro';
        src:url(Myriad Pro.ttf) format('truetype');
         font-weight: bold;
    font-style: normal;
 
}
body{
        font-size:25px;
        font-family: Myriad Pro;}
</style>
Ответ:
Сообщение от idiatulla
url('Myriad Pro.ttf')
Нет, можно и без кавычек.
Вопрос: Не срабатывает elem.style.left при первом использовании элемента

Здравствуйте. Есть элемент:
CODE (html):

  1. <button type="button" draggable="true" class="wordbutton" id="textlin11" ondragstart="startdraging(this.id)" ondragend="newposition(this.id)" ondrag="beingdragged (this.id)">текст My big text</button>


При первом ondragstart позиция элемента (elem.style.left или elem.style.top) - пуста, вообще ничего alert не пишет. Если отпустить элемент и снова начать его тащить - все нормально. Если выбирать и таскать другие элементы, а потом вернуться к заданному - тоже все нормально. Но после загрузки страницы, когда в первый раз пытаешься тащить - координаты элемента через elem.style не определяются. Алерт показывает, что сам элемент определяется правильно.
Пробую в разных браузерах.
Что такое?

Вот начало обработчик (стандартный) (поправка, чтобы элемент таскался за то место, за которое его взяли, а не за угол):
CODE (javascript):

  1. function startdraging (elemId) {
  2.   var elem = document.getElementById(elemId);
  3.   var event = event || window.event;
  4.  
  5. var inncurX = event.clientX;
  6. var inntim = parseInt (elem.style.left);
  7. //alert (elem.style.left);
  8.  
  9. if (!isNaN(inntim)) {popravka_drag_X = inncurX  - inntim;} else {popravka_drag_X = 0;}
  10.  
  11. var inncurY = event.clientY;
  12. var inntim = parseInt (elem.style.top);
  13. if (!isNaN(inntim)) {popravka_drag_Y = inncurY  - inntim;} else {popravka_drag_Y= 0;}
  14. }

(Отредактировано автором: 16 Апреля, 2016 - 18:09:17)

Ответ:
Pinkya_rabbit пишет:
Я почитал ещё и вот что начитал. На том же w3c. Я во многом ещё учусь, многого не понимаю. В общем, если не задать при позиционировании элемента значение позиции, как сделал ты, то тогда, для left значение устанавливается initial. initial - это не значение, заданное браузером, а значение по умолчанию для элемента HTML, определённое в спецификации CSS. Оно не зависит ни от браузера, ни от наследования. значение для параметра left пустое. поэтому ты получал пустоту, если не задать параметры. я конечно нуб =) но мне не стыдно за это. это было интересно столько всего поначитал

Спасибо большое за информацию. Подтверждает мои выводы. Позиции были установлены - но в css (для всех панелей - одно место, просто для того, чтобы начальное значение БЫЛО). Такой подлости JS, видимо не ожидал.
Все время попадаю пальцем в эти разрывы между html, js и css - причем не в описанные специфики и различия и не в проблемы, вызванные порядком создания элементов, а именно в непредусмотренные разработчиками случаи. Я берусь за веб редко - для перенесения программ Дельфи онлайн, так что за всем не уследишь.

(Отредактировано автором: 18 Апреля, 2016 - 15:19:55)