Перейти к содержанию
joramajora

[Решено] Как подключить ШРИФТ?

Рекомендуемые сообщения

Привет. Вопрос: Как подключить шрифт?

Я уже что только не перепробовал, ничего не выходит.

Шрифт у меня лежит в папке "стильшет". Что куда писать хз... Помогите пожалуйста

 

Хочу чтобы этим новым шрифтом отображалась цена товара.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

пирмерно так

@font-face {
font-family: шрифт; /* имя шрифта */
src: url(../font/шрифт.ttf); /* загружаем шрифт по указанному пути */
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Привет. Вопрос: Как подключить шрифт?

Я уже что только не перепробовал, ничего не выходит.

А Поиском воспользоваться, например.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ребята,ну разжуйте пожалуйста,я это уже пробовал ничего не вышло.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

да все должно работать.... вставляете код, который я показал, а потом в нужном месте..

font-family: шрифт;

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вот это:

 

@font-face {
font-family: шрифт; /* имя шрифта */
src: url(../font/шрифт.ttf); /* загружаем шрифт по указанному пути */
}

 

Вставлять в стильшет? В какое место? 

п.с. я в стильшеты вставлял и потом фонт-фэмили выводил и нихрена...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В любое место. Затем (если вам нужен этот шрифт для цены)

.product-info .price {
  overflow: auto;
  border-bottom: 1px solid #E7E7E7;
  padding: 0px 5px 10px 5px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  font-family: 'ваш шрифт'; // добавить это
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ну вообще то все делается не так, сначала давайте посмотрим на шрифт, в каких расширениях он у вас есть и преспособлен для веба (да есть разные версии шрифтов), а еще важно что бы был бесплатный или легально куплен, иначе жи нет! После данных уточнений, пройдемся на  http://www.fontsquirrel.com/tools/webfont-generator , и загрузим данный шрифт, ручками избавимся от не нужных символов и скачаем переделанный шрифт с нужными расширениями. 

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

Вариант намбер ван! 

тупо @font-face с примером, который уже сгенерируется через сайт упомянутый выше.

Вариант божеский!

Для тех кто не понимает загружаем шрифт в нужном расширении, и используем сгенерированный в base64 (на том же сайте), пишим скриптик на чистом джава скрипте, в котором будет определять, первый раз зашел пользователь или нет, если первый раз, запихиваем на загрузку скрипты, но не показываем, ибо инет не у всех норм, будут артефакты со сменой стандартного шрифта на новый, а во второй раз вынимаем отдельный css файл, в котором есть шрифты, для тех кто не понимает base64 и для тех кто понимает. И тогда и только тогда, новый шрифт будет появляться вместе с контентом и ничего не будет прыгать, скакать и меняться. 

Ну да и в конце, в основном файле стилей, переписываем используемые шрифты. 

Конец. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ну вообще то все делается не так, сначала давайте посмотрим на шрифт, в каких расширениях он у вас есть и преспособлен для веба (да есть разные версии шрифтов), а еще важно что бы был бесплатный или легально куплен, иначе жи нет! После данных уточнений, пройдемся на  http://www.fontsquirrel.com/tools/webfont-generator , и загрузим данный шрифт, ручками избавимся от не нужных символов и скачаем переделанный шрифт с нужными расширениями. 

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

Вариант намбер ван! 

тупо @font-face с примером, который уже сгенерируется через сайт упомянутый выше.

Вариант божеский!

Для тех кто не понимает загружаем шрифт в нужном расширении, и используем сгенерированный в base64 (на том же сайте), пишим скриптик на чистом джава скрипте, в котором будет определять, первый раз зашел пользователь или нет, если первый раз, запихиваем на загрузку скрипты, но не показываем, ибо инет не у всех норм, будут артефакты со сменой стандартного шрифта на новый, а во второй раз вынимаем отдельный css файл, в котором есть шрифты, для тех кто не понимает base64 и для тех кто понимает. И тогда и только тогда, новый шрифт будет появляться вместе с контентом и ничего не будет прыгать, скакать и меняться. 

Ну да и в конце, в основном файле стилей, переписываем используемые шрифты. 

Конец. 

Не получилось! Шрифт не отображается как надо!

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

Вот страничка - http://rccaraction.ru/110-gp-4wd-road-buggy-waterproof-1

посмотрите,пожалуйста стильшет.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Не получилось! Шрифт не отображается как надо!

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

Вот страничка - http://rccaraction.ru/110-gp-4wd-road-buggy-waterproof-1

посмотрите,пожалуйста стильшет.

В каком браузере работаете? Хром? Открываем сайт, жмакаем F12 и сразу видим, что пути к шрифтам не верные. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

а какие они должны быть если в корне лежат?

сайт.ру/шрифт

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Тогда так и напишите, прим.

 src: url('http://rccaraction.ru/pfdindisplaypro-bold-webfont.eot');

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ура...получилось,вот только символ справа валюты ни стал формой шрифта

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

А где вы шрифт взяли? Он меняет руб. на сивол рубля или как? 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

как понять универсальный, у Лебедева взяли шрифт для ру? 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Как вы получили это шрифт? Вам дали эту ссылку? Только будьте честны со мной, и не переживайте по поводу лицензирования, я не верю в платный шрифт для знака рубля. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Блин я не пойму Вас. Мне не нужен знак рубля и я его не собирался ставить в свой магазин. Я хотел поставить в магазин шрифт который показал в ссылке. А символ справа должен был измениться грубо говоря с руб. на руб.

А шрифт этот я скачал на украинском каком-то сайте.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Блин ну по товарищески посмотрите архив - в архиве шрифт вообщето на русском)))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

занимательная беседа смотрю )))))))))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.