Jump to content
Sign in to follow this  
pavelp

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

Recommended Posts

Привет всем.

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

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

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

Share this post


Link to post
Share on other sites

Инородных - в смысле иностранных.

Share this post


Link to post
Share on other sites

А ссылочкой на забугорную тему не поделитесь?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

странно автор русский, а за кириллицу не думает, вообщем там используется 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

Share this post


Link to post
Share on other sites

Спасибо, шрифт Open Sans Condensed посмотрел - то что нужно. Но как ставить чёто не могу допетрить... буду читать)

Share this post


Link to post
Share on other sites

us101.css по этому адресу не могу найти, что вы указали. Ну и от него к us101-webfont.eot тоже...

Share this post


Link to post
Share on other sites

Для того чтобы подгрузить шрифт в браузер нужно прописать в файле стилей либо между тэгами <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

Share this post


Link to post
Share on other sites

вставьте это <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;

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

В общем стили регулируются со 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;

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

Share this post


Link to post
Share on other sites

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

вставьте это <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;

Share this post


Link to post
Share on other sites

вопрос решила. ставьте гугл шрифты с поддержкой кириллицы

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.