CSS Как подключить через импорт шрифт

Надо подключать через @font-face

Чтобы подключить к сайту шрифт с помощью CSS нам понадобится сам шрифт (файл) и онлайн конвертер http://onlinefontconverter.com/

1. Заходите на сайт конвертера, хватаете имеющийся у вас шрифт и тащите вот в такое окошко (оно обычно в правой колонке).

Окошко для закачки шрифта

2. Скачиваете шрифт в 4-х вариантах: EOT, OTF, TTF и WOFF. Этого должно хватить. Браузер, в процессе рендеринга страницы, сам выберет и скачает тот, который ему удобнее.

3. Заливаете шрифты на сайт. Я создал для этого в корне сайта папку «f» и разместил их туда.

4. Подключаете подгрузку шрифта к сайту. Для этого в css-файл, или в соответствующие тэги стилей, вписываем вот этот код.

@font-face{
font-family: EtoMoiFont;
src: url(/f/myFont1.eot),
url(/f/myFont1.otf),
url(/f/myFont1.ttf),
url(/f/myFont1.woff);
}

font-family: EtoMoiFont; — говорит браузеру о том, как будет называться подгруженный шрифт. Название придумайте сами.

src: url(/f/myFont1.eot), url(/f/myFont1.otf), url(/f/myFont1.ttf), url(/f/myFont1.woff); — указывает путь и имена файлов шрифтов.

Источник: http://www.lexium.ru/2013/09/kak-podklyuchit-k-sajjtu-ehkzoticheskijj-shrift-krossbrauzerno/

Или http://htmlbook.ru/blog/svoi-shrift-na-stranitse

https://developers.google.com/fonts/docs/getting_started

есть ли там возможность поиска похожего шрифта?

чтобы найти наиболее близкий из имеющихся в GoogleFonts

А здесь подобрать не получается?

Вы там (google.com/fonts) видели что-нибудь похожее

на автоматические-сервисы типа Whatfontis.com?

- неа, не видел, как не видел и приведенного вами сервиса по причине ненадобности.

А подобрать шрифт можно и визуально, не настолько уж это критично в конце концов (ИМХО конечно).