Jump to content
Sign in to follow this  
joramajora

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

Recommended Posts

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

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

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

 

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

Share this post


Link to post
Share on other sites

пирмерно так

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

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

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

font-family: шрифт;

Share this post


Link to post
Share on other sites

Вот это:

 

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

 

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

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

Share this post


Link to post
Share on other sites

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

.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: 'ваш шрифт'; // добавить это
}

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

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

Конец. 

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

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

Конец. 

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

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

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

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

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

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.