2016-05-05 3 views
2

В моем веб-приложении я использую шрифт google 'Lato'.Now. Требование - это использовать шрифт Roboto для моего веб-приложения.Заменить Lato Font с roboto

Я заменяю шрифт Lato на Roboto, но это отражает существенное изменение в терминах интервала во всем веб-приложении. Где я ошибаюсь?

Я не могу обмениваться фотографиями всей страницы.

Оригинал с Лато This is my original part

БЕСПОКОИТЬ с Roboto enter image description here

+1

вы не делаете ошибку Лято и Roboto две разные шрифты его естественно, что вы будете некоторые изменения после изменения всего шрифта приложения. –

+1

@GauravAggarwal, так большие изменения, что вы идете и задаете вопрос? Не кажется реалистичным. Я ожидаю, что на самом деле будут проблемы. – Qwertiy

+0

вы можете обмениваться экраном с обоими шрифтами ..lets проверить, какие проблемы вы сталкиваетесь –

ответ

0

Определенно в specifiing размеры для элементов. Если вам нужно перевести сайт на другой язык, вы столкнетесь с теми же проблемами. Если вы меняете какой-то текст, у вас одни и те же проблемы. И так далее.

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

Единственным исключением является размещение некоторого набора элементов внутри одного сырья или ограничение их максимальной ширины. Это может вызвать проблемы при появлении большего текста или расширении шрифта. Во всяком случае, это плохо, если весь сайт состоит из таких элементов. И Roboto не шире Lato, так что это не ваше дело.

1

Каждое семейство шрифтов имеет собственный интервал между буквами и длину строки. Теперь вам нужно, чтобы вы изменили структуру своего интервала между буквами и высоту строки!

0

Возможно ли просматривать вашу веб-страницу?

Вы также можете изменить интервал между буквами, используя свойство CSS «письмо-интервал»

h1 { 
 
    letter-spacing: 2px; 
 
} 
 
h2 { 
 
    letter-spacing: 5px; 
 
}
<h1>SAMPLE</h1> 
 
<h2>SAMPLE</h2>

+0

Интервал между буквами лучше в em. – Qwertiy

Смежные вопросы