Big Cartel - Тип шрифта страницы продукта

Вот ссылка на сайт...http://johnathonpowers.bigcartel.com/. Попытка изменить тип/начертание/стиль шрифта для страниц продукта.

Итак, я попробовал, кажется, все. В моей области CSS большого картеля я просмотрел и нашел все упоминания о шрифте для «продукта», «продуктов», «страницы продукта» и т. д. и изменил размер шрифта для всех из них. Я изменил размер, чтобы быстро увидеть, на что именно они влияют. Только названия продуктов и цены я мог точно определить код. Многие из них, казалось, ничего не меняли, даже когда я каждый раз ставил шрифты до 50, чтобы легко заметить изменение.

Итак, я пытаюсь настроить тип шрифта на страницах продуктов, чтобы он соответствовал моей странице часто задаваемых вопросов (на создание которой я потратил несколько часов в выходные) ... очень доволен ее результатом. Для часто задаваемых вопросов я начал использовать калибры, а затем резервную копию (я думаю), где я добавил «, serif» к стилю шрифта.

В любом случае, любая помощь или помощь приветствуется. Спасибо большое.


html fonts css product bigcartel
person eertelppa    schedule 28.04.2014    source источник

Ответы (1)


arrow_upward
-1
arrow_downward

Вы можете изменить шрифт для каждого элемента на вашей странице, добавив это в самый низ вашего CSS:

* {
  font-family: 'Calibri' !important;
}

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

Также было бы неплохо воспользоваться преимуществами инструментов разработчика вашего браузера, чтобы вы могли проверять элементы на своих страницах и видеть, какие правила CSS контролируют их внешний вид. С помощью инструментов разработчика вы сможете увидеть следующее:

.page_header.product_header h1 {
  font-size: 24px;
  text-transform: uppercase;
}

Вместо того, чтобы изменять классы CSS непосредственно в вашей таблице стилей, я бы также рекомендовал всегда добавлять новые правила внизу — таким образом, если тема когда-либо будет обновляться, вы сможете скопировать и создать резервную копию изменений кода, вернуться к значениям по умолчанию темы, а затем вставьте их обратно, чтобы сохранить настройки.

person Nick Endle    schedule 28.04.2014
comment
Ника, спасибо за все советы. Еще немного, и я должен тебе обед. С этого момента я обязательно внесу изменения в конце, а не через CSS. И да, я только что обнаружил элемент проверки в Google Chrome, и кажется, что он может оказаться очень полезным. Я пошел дальше и добавил этот код #product_page #product_info { font-family: 'Calibri'; } в конец, и он работал на каждой странице продукта! Я вернусь прямо сейчас и добавлю несколько резервных копий. Каждый должен быть , 'xxxx', 'xxxx'; Я предполагаю? Кроме того, при добавлении в конец я должен включать тег «! Важный тег»? - person eertelppa; 28.04.2014
comment
Рад, что смог помочь! Вам не всегда нужен тег !important, но иногда он необходим для переопределения встроенных правил стиля (например, в предыдущей проблеме с размером шрифта). Кавычки вокруг имени шрифта — это просто старая привычка, они вам не понадобятся, но вот дополнительная информация об этом: stackoverflow.com/questions/7638775/ - person Nick Endle; 29.04.2014