Что это за шрифт? и CSS Help

Question

Этот шрифт на этом изображении от WhiteHouse выглядит очень профессионально. Какой шрифт? Это просто Times New Roman?

Кроме того, кто-нибудь знает, как использовать CSS для создания чего-то похожего на изображение ниже? (Таким образом, я могу сохранить все остальное на этом изображении, но изменить текст)

Спасибо !!

альтернативный текст http://www.whitehouse.gov/assets/hero/hero_bkgd_united_we_serve.jpg

Answer 1

Вы можете использовать службу шрифтов, например WhatTheFont.com , чтобы найти наиболее близкое соответствие.

Что касается вашего второго вопроса, вы можете создать таблицу размером с фоновое изображение и использовать css, чтобы установить для нее фон таблицы. После этого просто введите текст в ячейку таблицы и используйте

style="text-align: center;" 

для центрирования текста.

Возможно, вы захотите использовать Photoshop, чтобы стереть исходный текст в фоновом режиме, как указано выше.

Answer 2

Похоже, Гарамонд . Это тот же шрифт, который используется в этом документе:

http://www.hud.gov/united-we-serve/united-we-serve.pdf

Отличается тем, что вертикальные линии внутри W пересекают друг друга.

Чтобы успешно использовать шрифт на вашей веб-странице, он должен быть установлен на компьютере пользователя, просматривающего его. Garamond - это шрифт Adobe, используемый на компьютерах Apple Mac, и он установлен на моем стандартном компьютере под управлением Windows XP, поэтому я думаю, что почти у всех он уже есть.

Answer 3

Вы можете создать этот тип внешнего вида, используя свои навыки программирования (таким образом избегая Photoshop), используя SIFR. Это действительно прекрасно работает с динамическими сайтами. Мы используем его часто (см. H1s здесь ). Информация о SIFR здесь здесь

Answer 4

Вы должны использовать какой шрифт, чтобы его идентифицировать.

http://new.myfonts.com/WhatTheFont/

Answer 5

Garamond теперь можно лицензировать через Adobe для использования с @ font-face через TypeKit.

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

Answer 6

Cufon может предоставить то, что вам нужно для встраивания несистемного шрифта в HTML-страницу: http://cufon.shoqolate.com/generate/

Есть несколько предостережений, когда речь заходит о лицензировании, и несколько проблем с браузером, но в большинстве случаев он работает довольно хорошо - безусловно, лучше, чем sifr.

Answer 7

Этот текст является частью изображения: http://www.whitehouse.gov/assets//hero/hero_bkgd_united_we_serve.jpg