Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

css стили для инородных тем.

pavelp
 Share

Recommended Posts

pavelp Enthusiast

pavelp

Опубліковано:
Опубліковано:

Привет всем.

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

Подскажите как и где подобрать css стиль, куда скинуть, как редактировать css стиль в меню категорий?

Заранее спасибо.

Надіслати
Поділитися на інших сайтах

milus Experienced

milus

Опубліковано:
Опубліковано:

там два варианта или google fonts или cufon canvas в зависимости от этого проблема и решается - скиньте кусок кода из header.tpl до тега <body>

Надіслати
Поділитися на інших сайтах
1

milus Experienced

milus

Опубліковано:
Опубліковано:

странно автор русский, а за кириллицу не думает, вообщем там используется font-fase

У вас там есть файл

view/theme/ribbon/stylesheet/us101.css в нем найдете путь к файлу шрифта us101-webfont.eot, насколько я понимаю не поддерживающего кириллицу

в файле

/theme/ribbon/stylesheet/stylesheet.css к примеру один из элементов который выводится таким образом

#nav dl dd {

  • float: left;
  • padding: 0px 4px;
  • font: 14px/41px us101;
  • height: 40px;
  • background: url('../image/nav.png') 0px -80px;}
Ну а далее читаете в интернете про формат .eot и думаете - мое мнение замените это все на google font, к примеру есть хороший русский шрифт Open Sans Condensed - смотрится почти также.
  • +1 1
Надіслати
Поділитися на інших сайтах
1

Andruhi4 Contributor

Andruhi4

Опубліковано:
Опубліковано:

Для того чтобы подгрузить шрифт в браузер нужно прописать в файле стилей либо между тэгами <style>...</style> html-страницы следующий CSS-код:

@font-face {

font-family:"MoyShrift";

src:url(/style/MoyShrift.ttf) format("truetype");

}

В коде выше мы указали что шрифт будет называться MoyShrift, тип шрифта Truetype и загружаться браузером он будет из папки /style/ вашего сервера, в которой находится файл шрифта MoyShrift.ttf. Браузер автоматически подгрузит шрифт, но не будет его устанавливать в операционную систему пользователя, а просто сохранит его в кэше как обычное изображение и будет использовать только на страницах для которых он был подгружен. Далее можно использовать наш шрифт как обычно указав его название. Например:

body {

font-family:MoyShrift;

}

оригинал: http://kaminskiy-design.com.ua/statya-4.xhtml

  • +1 1
Надіслати
Поділитися на інших сайтах

milus Experienced

milus

Опубліковано:
Опубліковано:

вставьте это <link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,cyrillic" rel="stylesheet" type="text/css"> до тега <body> и там где надо применить вставьте

font-family:'Open Sans Condensed', arial;

Надіслати
Поділитися на інших сайтах
1

pavelp Enthusiast

pavelp

Опубліковано:
  • Автор
Опубліковано:

а если просто подменить us101-webfont.eot на Open+Sans+Condensed - что-бы код не менять. Не подскажете где кстати взять eot, svg, ttf, woff формата :) Или не сканает всё равно?

Надіслати
Поділитися на інших сайтах

pavelp Enthusiast

pavelp

Опубліковано:
  • Автор
Опубліковано:

В общем стили регулируются со stylesheet.css

там есть код:

@font-face {
    font-family: 'us101';
    src: url('../fonts/us101-webfont.eot');
    src: url('../fonts/us101-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/us101-webfont.woff') format('woff'),
		 url('../fonts/us101-webfont.ttf') format('truetype'),
		 url('../fonts/us101-webfont.svg#US101Regular') format('svg');
    font-weight: normal;
    font-style: normal;

Ну а далее все нужные элементы используют этот код:

например:


#nav dl dd {
float: left;
padding: 0px 4px;
font: 14px/41px us101;
height: 40px; 
background: url('../image/nav.png') 0px -80px;

Как правильно отредактировать в таком случае?

Надіслати
Поділитися на інших сайтах

pavelp Enthusiast

pavelp

Опубліковано:
  • Автор
Опубліковано:

В моём случае шрифты загружены на серв.

вставьте это <link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,cyrillic" rel="stylesheet" type="text/css"> до тега <body> и там где надо применить вставьте

font-family:'Open Sans Condensed', arial;

я же не смогу написать font: 14px/41px Open Sans Condensed;

Надіслати
Поділитися на інших сайтах

  • 1 year later...

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
 Share
Перейти до списку тем

  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

Покупцям

Розробникам

Корисна інформація

Останні розширення

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.

  Я даю згоду