Внешний вид одного шрифта не совпадает - Вопросы по CSS

Добрый день!
Делал тестовое задание

Тестовый сайт
http://mca_motors.dmwebl.bget.ru/test_vesi/

Моя работа
http://grey.freeanimal.ru/

Справа в шапке текст - Центр технического обслуживания
кассовых аппаратов и тд.
Внешний вид надписи различается, хотя в CSS всё идентично - шрифты и тд.
Или это только на моём компьютере так?
Посмотрите, подскажите в чём ошибка.
Спасибо

В mca_motors.dmwebl похоже работает шрифт Myriad-Pro, а в Myriad-Pro используется альтернативный Arial (если убрать в style.css:27  Myriad-Pro, получается вроди как одинаково)
По какой причине - не знаю.

css  по шрифтам да и по-другим вещам практически одинаково
всё дублировал полностью

шрифт один и тот же везде
body {
    font-family: Myriad-Pro,Arial,sans-serif;
    font-size: 12px;
}
 только размер меняется процентами

css  по шрифтам да и по-другим вещам практически одинаково
всё дублировал полностью

шрифт один и тот же везде
body {
    font-family: Myriad-Pro,Arial,sans-serif;
    font-size: 12px;
}
 только размер меняется процентами

Я же не против. Браузер сначала пытается найти Myriad-Pro, и если не находит, использует альтернативный  Aria.
Если на "Тестовый сайт
http://mca_motors.dmwebl.bget.ru/test_vesi/" убрать Myriad-Pro - получается одинаково

в CSS шрифт не подгружаешь, вот и берется альтернативный

morozovol, у вас разные записи в файле style.css
На сайте http://grey.freeanimal.ru/ написано так:

body {
    background: url("../images/header/main_fon.png") repeat-x scroll 0 0 #F3F3F3;
    font-family: Myriad-Pro,Arial,sans-serif;
    font-size: 12px;
    width: 100%;
}

А на сайте http://mca_motors.dmwebl.bget.ru/test_vesi/ вот что написано:

@font-face {
    font-family: "Myriad-Pro";
    src: local("Myriad-Pro"), url("fonts/Myriad-Pro.woff") format("woff");
}
body {
    background: url("../images/header/main_fon.png") repeat-x scroll 0 0 #F3F3F3;
    font: 12px/18px Myriad-Pro,Arial,sans-serif;
    width: 100%;
}

Отсюда и разница в отображении

да, спасибо
я смотрел в этом направлении, но через FireBug а в нём не видно этой конструкции
сейчас добавил в CSS
@font-face {
   font-family: 'Myriad-Pro';
   src: url('fonts/Myriad-Pro.eot'); /* IE */  
   src: local('Myriad-Pro'), url('fonts/Myriad-Pro.ttf') format('truetype'); /* non-IE */
   src: local('Myriad-Pro'), url('fonts/Myriad-Pro.woff') format('woff'); /* Modern Browsers */
}

но всё равно внешний вид не совпадает

fonts/Myriad-Pro.ttf, fonts/Myriad-Pro.eot, fonts/Myriad-Pro.woff - это путь до файлов шрифта, он там есть?

fonts/Myriad-Pro.ttf, fonts/Myriad-Pro.eot, fonts/Myriad-Pro.woff - это путь до файлов шрифта, он там есть?

я так понимаю его может и не быть на моём пк или на другом
ведь всё должно быть одинаково на любом пк
у меня есть
иначе как бы я увидел разницу
или я ошибаюсь?
у  меня тип шрифта - MyriadPro-Regular - Файл шрифта OpenType (.otf)
в этом ошибка? otf вместо eot, woff ?

Ок, я ошибался

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

Да, не разобрался в принципе
Сейчас сделал папку перенёс свои шрифты с пк на хостинг

@font-face {
   font-family: 'MyriadPro-Regular';
   src: url('fonts/Myriad-Pro.eot'); /* IE */
   src: local('MyriadPro-Regular.otf'), url('fonts/MyriadPro-Regular.otf') format('truetype'); /* non-IE */
   src: local('Myriad-Pro'), url('fonts/MyriadPro-Regular.otf') format('otf'); /* Modern Browsers */
}
body {   background: url("../images/header/main_fon.png") repeat-x scroll 0 0 #F3F3F3;
    font-family: MyriadPro-Regular,Arial,sans-serif;
    font-size:12px;
    width: 100%;}


Сейчас правильно?
Но разницы всё равно не вижу
Вроде только Arial работает

если не работает, значит не так.
название пишешь font-family: 'MyriadPro'; а указываешь  font-family: MyriadPro-Regular,Arial,sans-serif; Сделай одинаковое название везде, чтобы не путаться и названия файлов тоже одинаковыми

если не работает, значит не так.
название пишешь font-family: 'MyriadPro'; а указываешь  font-family: MyriadPro-Regular,Arial,sans-serif; Сделай одинаковое название везде, чтобы не путаться и названия файлов тоже одинаковыми

всё вроде поменял, сейчас так

@font-face {
   font-family: 'MyriadPro';
   src: url('fonts/MyriadPro.eot'); /* IE */
   src: local('MyriadPro-Regular.otf'), url('fonts/MyriadPro-Regular.otf') format('truetype'); /* non-IE */
   src: local('MyriadPro-Regular.otf'), url('fonts/MyriadPro-Regular.otf') format('truetype'); /* Modern Browsers */
}
body {   background: url("../images/header/main_fon.png") repeat-x scroll 0 0 #F3F3F3;
    font-family: MyriadPro,Arial,sans-serif;
    font-size:12px;
    width: 100%;}

папка со шрифтами где должна лежать?
я и в корне сайта положил и в шаблоне

johnrass, SK

Спасибо за помощь, мысль понял, буду разбираться