Как поменять шрифт

[Kurmus]

Как поменять шрифт горизонтального меню на 1.6 ?

Заранее жму руку

 

[Dimitri Yelquin]

В папке css темы имеется подпапка modules, а в ней — blocktopmenu, где ещё одна css, и в ней — файл superfish-modified.

 

Лучше сменить шрифт на единый во всех строчках: 55, 61, 84, 143, 192, 206. Хотя для выпадающего меню Вы можете задать другой шрифт... Только чтоб выбранные шрифты у любого пользователя поддерживались. Потому что если на компе заданного нет, комп заменит его одним из своих. А гарантированную поддержку можно иметь, подключившись к библиотеке шрифтов Гугла. Там неплохой выбор шрифтов. Даже и кириллических.

[Kurmus]

Спосибо! Лайк Ваш

[Dimitri Yelquin]

Да?! А обещали руку пожать... Куда мне её прислать?

[Kurmus]

Когда соберётесь в Ригу, напишите, не только руку пожму но и кабачок выствлю

а шрифт надо поменять потому что там где есть латышские буквы типо ĀŠŽČĒ на престе выделяютса как bold

Ещё раз спосибо

[Dimitri Yelquin]

Странно... Я думал, что расширенная латиница — это, как бы, стандарт, и все языки поддерживаются... Ну, тогда, тем более, Вам сюда. По части латинских шрифтом выбор на Гугле огромный. Будут затруднения, как с этим работать, напишите. А что сразу подскажу, пример для демонстрации шрифта можно перезадать. Напишите свой с включением специфических латышских букв.

[Kurmus]

У меня там сщас font-family: "FontAwesome";

[Dimitri Yelquin]

Опс... Не знал. Ну, я раньше не работал с бутсрапом. Только сейчас его осваиваю. Так, вот, FontAwesome там, где он протисан заменять нельзя. Ну, разве что Вы совсем не думаете использовать бутстраповские иконки. Дело в том, что FontAwesome — не шифр, а набор иконок, специально разработанных для будстрапа. Особенно они хороши на смартфонах и планшетах, на которые бутстрап, прежде всего, и рассчитывает.

 

Почему этот FontAwesome попал в стили меню? Чтобы можно было использовать миниатюрки, вместо некоторых надписей. Экономия места!..

[Kurmus]

Главное везде нормально поазывает вот толко в горизонтально меню, на картинке ето буква "Š"

Edited April 24, 2014 by Kurmus (see edit history)

[Kurmus]

Хмм, я пошол дальше по укзанным строкам

 

55. font-family: "FontAwesome";

61. font: 600 18px/22px "Open Sans", sans-serif;

84. font-family: "FontAwesome";

143. font: 600 16px/20px "Open Sans", sans-serif;

192. font: 600 18px/22px "Open Sans", sans-serif;

206. font-family: "FontAwesome";

 

Далее весь css

 

 

/*** ESSENTIAL STYLES ***/
.sf-contener {
clear: both;
float: left;
width: 100%; }

.sf-menu,
.sf-menu * {
margin: 0;
padding: 0;
list-style: none; }

.sf-menu {
position: relative;
padding: 0;
width: 100%;
border-bottom: 3px solid #e9e9e9;
background: #f6f6f6; }
@media (max-width: 767px) {
.sf-menu {
display: none; } }

.sf-menu ul {
position: absolute;
top: -999em;
background: white; }
@media (max-width: 767px) {
.sf-menu ul {
position: relative; } }

.sf-menu ul li {
width: 100%; }

.sf-menu li:hover {
visibility: inherit;
/* fixes IE7 'sticky bug' */ }

.sf-menu > li {
float: left;
border-right: 1px solid #d6d4d4;
margin-bottom: -3px; }
@media (max-width: 767px) {
.sf-menu > li {
float: none;
position: relative;
border-right: none; }
.sf-menu > li span {
position: absolute;
right: 6px;
top: 20px;
width: 30px;
height: 30px;
z-index: 2; }
.sf-menu > li span:after {
font-family: "FontAwesome";
content: "\f067";
font-size: 26px; }
.sf-menu > li span.active:after {
content: "\f068"; } }
.sf-menu > li > a {
font: 600 18px/22px "Open Sans", sans-serif;
text-transform: uppercase;
color: #484848;
display: block;
padding: 17px 20px;
border-bottom: 3px solid #e9e9e9; }
.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
background: #333333;
border-bottom-color: #666666;
color: white; }

.sf-menu li li li a {
display: inline-block;
position: relative;
color: #777777;
font-size: 13px;
line-height: 16px;
font-weight: bold;
padding-bottom: 10px; }
.sf-menu li li li a:before {
content: "\f105";
display: inline-block;
font-family: "FontAwesome";
padding-right: 10px; }
.sf-menu li li li a:hover {
color: #333333; }

.sf-menu li ul {
display: none;
left: 0;
top: 59px;
/* match top ul list item height */
z-index: 99;
padding: 12px 0px 18px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; }
@media (max-width: 767px) {
.sf-menu li ul {
top: 0; } }

.sf-menu li li ul {
position: static;
display: block !important;
opacity: 1 !important;
background: none;
-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; }

.sf-menu li li li ul {
padding: 0 0 0 20px; }

.sf-menu li li li ul {
width: 220px; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 200px;
/* match ul width */
top: 0; }

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 200px;
/* match ul width */
top: 0; }

.sf-menu > li > ul {
padding: 26px 30px 31px;
width: 100%; }
.sf-menu > li > ul > li > a {
text-transform: uppercase;
font: 600 16px/20px "Open Sans", sans-serif;
color: #333333; }
.sf-menu > li > ul > li > a:hover {
color: #515151; }

.sf-menu > li > ul > li {
float: left;
width: 20%;
padding-right: 15px; }
@media (max-width: 767px) {
.sf-menu > li > ul > li {
width: 50%; } }
@media (max-width: 479px) {
.sf-menu > li > ul > li {
width: 100%; } }
@media (min-width: 768px) {
.sf-menu > li > ul > li.first-in-line-lg {
clear: left; } }
@media (min-width: 480px) and (max-width: 767px) {
.sf-menu > li > ul > li.first-in-line-xs {
clear: left; } }

.sf-menu > li > ul > li#category-thumbnail {
width: 100% !important;
float: none;
clear: both;
overflow: hidden;
padding-right: 0; }
.sf-menu > li > ul > li#category-thumbnail > div {
float: left;
padding-left: 10px;
width: 33.333%; }
@media (max-width: 479px) {
.sf-menu > li > ul > li#category-thumbnail > div {
width: 100%;
padding-left: 0;
padding-top: 10px;
text-align: center; } }
.sf-menu > li > ul > li#category-thumbnail > div:first-child {
padding-left: 0; }
.sf-menu > li > ul > li#category-thumbnail > div img {
max-width: 100%;
display: block; }

.cat-title {
display: none; }
@media (max-width: 767px) {
.cat-title {
display: block;
font: 600 18px/22px "Open Sans", sans-serif;
text-transform: uppercase;
color: #484848;
display: block;
padding: 17px 20px;
border-bottom: 3px solid #e9e9e9;
background: #f6f6f6;
position: relative; }
.cat-title:hover {
background: #333333;
border-bottom-color: #666666;
color: white; }
.cat-title:after {
display: block;
font-family: "FontAwesome";
content: "\f067";
position: absolute;
right: 15px;
top: 18px;
font-size: 26px; }
.cat-title.active:after {
content: "\f068"; } }

.sf-menu li.sf-search {
border: none; }
.sf-menu li.sf-search input {
display: inline;
padding: 0 13px;
height: 30px;
line-height: 30px;
background: white;
margin: 13px 10px 0 0;
font-size: 13px;
color: #9c9b9b;
border: 1px solid #d6d4d4; }

 

[Dimitri Yelquin]

Попробуйте изменить размер шрифта. У некоторых жирность букв неодинаково меняется при переходе на соседние значения. Попробуйте поменять их!..

[Kurmus]

Странно... Я думал, что расширенная латиница — это, как бы, стандарт, и все языки поддерживаются... Ну, тогда, тем более, Вам сюда. По части латинских шрифтом выбор на Гугле огромный. Будут затруднения, как с этим работать, напишите. А что сразу подскажу, пример для демонстрации шрифта можно перезадать. Напишите свой с включением специфических латышских букв.

С категориями разобрался но всёравно на сайте есчё много мест таких оказывается, может подскажите как поставить googlefonts глобаллно на всем сайте?!

[Dimitri Yelquin]

Идём по этому адресу.

 

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

 

В разделе All categories отмечаем, в каких категориях искать (с засечками, без засечек, в стиле информационных дисплеев, рукописные, моноширинные)... Например, оставили без засечек (sans serif) — OK.

 

Далее выбираем жирность (thickness — устанавливается полозком), наклон (slant — полозком, от прямого к более и более наклонному, лучше установить полозок на самое начало — straight) и ширину (width — полозком, от узких к широким).

 

Теперь просматриваем список шрифтов и те, что понравились, отмечаем нажатием клавиши Add to Collection.

 

Под списком шрифтов появляется другой список — Collection, с выбранными шрифтами. Чтобы подключить их к сайту, нажимаем кнопку Use, справа, — попадаем на страницу выбора из выбранного. Там всё понятно:

 

В разделе 1. Choose the styles you want смотрим на образцы и решаем, какие из вариантов выбранного шрифта будем использовать. Отмечаем нужные чек-боксы.

 

В разделе 2. Choose the character sets you want отмечаем Cyrillic Extended, если нам, кроме русского нужны переводы на какой-нибудь язык, использующий кириллицу с дополнительными знаками, и Latin Extended, если нам нужны дополнительные знаки, например, для латышского. Если нет — отмечаем только Cyrillic и Latin.

 

В разделе 3. Add this code to your website сама собой уже формируется мета-ссылка. Копируем её и вставляем в начало файла header.tpl, в раздел мета-ссылок.

 

В разделе 4. Integrate the fonts into your CSS приводится образец ссылки на шрифт в таблице стилей. А в примере справа — полная запись, включая указание жирности шрифта (font-weight) словесно (Thin, Light, Normal, Medium, Bold, Ultra-Bold) или числами (100, 300, 400, 500, 700, 900). Если был выбран наклонный, то для его подключения надо будет в стилях указать font-style: Italic