Здравствуйте! Недавно решил освоить подключение шрифтов через cufon и font-face и столкнулся со следующими трудностями:
Cufon:
1) Не могу понять — как задействовать на своём макете в h5 span следующее:?(hover,link,visited,active,text-decoration?)
2)Не выходит изменять font-weight,font-style?(но здесь наверное много зависит от самого типа шрифта???)
Фактически выходит изменить только размер и цвет текста!(и больше ничего…)
По поводу Font-face я так уже понял(после многих неудачных попыток),что подключать к нему можно только что то простенькое?(иначе там «баги» начинают вырастать,как грибы после дождя…)
P.S. Это ссылка на страницу:
https://yamaradg.narod2.ru/history/Company_Solutions/1.html
Скрин с пояснением(где подключены шрифты прикрепляю…)
Буду очень благодарен всем за любые пояснения и предположения по этому вопросу…
cufon (как задействовать :hover)
[27.09.2011 | 07:35]Комментариев (16)
Оставить комментарий
Для отправки комментария вам необходимо авторизоваться.
Не так давно Ольга делала топик про Google Fonts. Может лучше его использовать? Глючить так не будет. Главное чтоб был шрифт.
Про сам Куфон даже не подскажу.
гугл фонт как я понял тоже самое что и фонтфэйс, только ты подключаешь тупо стили, а фонт фэйс еще и сам шрифт или есть другие различия??
Нет, это разные вещи.
НЕСТАНДАРТНЫЕ ШРИФТЫ, ЗЛО!!!
ты через https://www.fontsquirrel.com/fontface/generator генерил шрифты??
куфоном я раньше пользовался, но он очень уж на самом деле не функциональный, такчто давно уже юзаю фон фэйс и проблем покачто не возникало.
З.Ы. использовать 2 вида подключения шрифтов это уже извращение! =)
Генератором пользовался! И по поводу этой темы прочитал в инете вроде всё что только есть…
Но ответов на свои вопросы не нашёл? 2 вида шрифтов использую чисто в экспериментальных целях и не более того!
Я согласен что в фонт фейс проблем может не возникнуть!(но только в том случае если не задействованы очень нестандартные шрифты…)
Тот шрифт, который видно на скрине(font-face) мне пришлось просто напросто заменить на более простой,потому как там вырос такой баг в google chrome,который я не смог исправить даже за час!(думаю,что такое исправить вообще невозможно…)
P.S. если хотите — то могу вам при желании продемонстрировать на своем хостинге,как именно смотрелся тот баг…
а можно название шрифта и скрины с багами в студию?
он же линк дал :)
https://yamaradg.narod2.ru/history/Company_Solutions/1.html
Название шрифта «OrbitronioRegular».
Там суть бага такова:
В блоке .content-box-bottom-right-container p .the(появляеться непонятный отступ около 5px с верху…)
На моем компе это происходит в Google Chrome и Safary…
P.S. На принтскрине написано — где именно подключен текст через Фонт Фэйс…
Если хотите могу прикрепить рабочий файл?
было бы лучше, конечно.
архивчиком
Файл прикрепил!
P.S.
Сообщите при возможности если найдетё решение…
288_Company_Solutions_Apgrejdrar.rar
Поиграйся свойством Line-height в firebag для элемента p .the a.font-face
Думаю поможет, по крайней мере в firebag все выравнивается на ура.
Согласен, но только выравнивание это — никак нельзя назвать кроссбраузерным!?
По крайней мере на моём компе…
Нужно поменять float, margin
.content-box-bottom-right-container p{ float:none !important; margin-left:81px !important; }Спасибо! Как только появиться свободное время — обязательно попробую…
Вы знаете вчера попробовал прописать так как вы указали — но к сожалению кроссбраузерности добиться мне не удалось!?