Масштаб шрифта в ворде в процентах как установить
Перейти к содержимому

Масштаб шрифта в ворде в процентах как установить

  • автор:

font-size

CSS Свойство font-size определяет размер шрифта. Это свойство также используется для вычисления размера em , ex и других относительных единиц. Подробнее: .

Интерактивный пример

Синтаксис

/* значения в */ font-size: xx-small; font-size: x-small; font-size: small; font-size: medium; font-size: large; font-size: x-large; font-size: xx-large; /* значения в */ font-size: larger; font-size: smaller; /* */ font-size: 12px; font-size: 0.8em; /* */ font-size: 80%; /* Глобальные значения */ font-size: inherit; font-size: initial; font-size: unset; 

Свойство font-size устанавливается одним из следующих способов:

  • Ключевым словом из перечня абсолютных значений или относительных значений
  • Как или , по отношению к размеру родительского элемента.

Значения

Набор ключевых слов абсолютных значений, по отношению к пользовательскому размеру шрифта по умолчанию (им считается medium — среднее).

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

Примечание: Для обеспечения максимальной совместимости обычно лучше использовать значения, относящиеся к размеру шрифта пользователя по умолчанию.

Формальный синтаксис

font-size =
(en-US) | (en-US)
(en-US) | (en-US)
| (en-US)
math

=
| (en-US)

Возможные подходы

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

Ключевые слова

Keywords are a good way to set the size of fonts on the web. By setting a keyword font size on the body element, you can set relative font-sizing everywhere else on the page, giving you the ability to easily scale the font up or down on the entire page accordingly.

Pixels

Setting the font size in pixel values ( px ) is a good choice when you need pixel accuracy. A px value is static. This is an OS-independent and cross-browser way of literally telling the browsers to render the letters at exactly the number of pixels in height that you specified. The results may vary slightly across browsers, as they may use different algorithms to achieve a similar effect.

Font sizing settings can also be used in combination. For example, if a parent element is set to 16px and its child element is set to larger , the child element displays larger than the parent element in the page.

Примечание: Defining font sizes in pixel is not accessible, because the user cannot change the font size from the browser. (For example, users with limited vision may wish to set the font size much larger than the size chosen by a web designer.) Therefore, avoid using pixels for font sizes if you wish to create an inclusive design.

Ems

Another way of setting the font size is with em values. The size of an em value is dynamic. When defining the font-size property, an em is equal to the size of the font that applies to the parent of the element in question. If you haven’t set the font size anywhere on the page, then it is the browser default, which is probably 16px. So, by default 1em = 16px, and 2em = 32px. If you set a font-size of 20px on the body element, then 1em = 20px and 2em = 40px. Note that the value 2 is essentially a multiplier of the current em size.

In order to calculate the em equivalent for any pixel value required, you can use this formula:

em = desired element pixel value / parent element font-size in pixels

For example, suppose the font-size of the body of the page is set to 1em, with the browser standard of 1em = 16px; if the font-size you want is 12px, then you should specify 0.75em (because 12/16 = 0.75). Similarly, if you want a font size of 10px, then specify 0.625em (10/16 = 0.625); for 22px, specify 1.375em (22/16).

A popular technique to use throughout the document is to set the the font-size of the body to 62.5% (that is 62.5% of the default of 16px), which equates to 10px, or 0.625em. Now you can set the font-size for any elements using em units, with an easy-to-remember conversion, by dividing the px value by 10. This way 6px = 0.6em, 8px = 0.8em, 12px = 1.2em, 14px = 1.4em, 16px = 1.6em. For example:

body  font-size: 62.5%; /* font-size 1em = 10px on default browser settings */ > span  font-size: 1.6em; /* 1.6em = 16px */ > 

The em is a very useful unit in CSS, since it automatically adapts its length relative to the font that the reader chooses to use.

One important fact to keep in mind: em values compound. Take the following HTML and apply it with the previous CSS above:

div> span>Outer span>innerspan> outerspan> div> 

Assuming that the browser’s default font-size is 16px, the words «outer» would be rendered at 16px, but the word «inner» would be rendered at 25.6px. This is because the inner span’s font-size is 1.6 em which is relative to its parent’s font-size , which is in turn relative to its parent’s font-size . This is often called compounding.

Rems

rem values were invented in order to sidestep the compounding problem. rem values are relative to the root html element, not the parent element. In other words, it lets you specify a font size in a relative fashion without being affected by the size of the parent, thereby eliminating compounding.

The CSS below is nearly identical to the previous example. The only exception is that the unit has been changed to rem .

html  font-size: 62.5%; /* font-size 1em = 10px on default browser settings */ > span  font-size: 1.6rem; > 

Then we apply this CSS to the same HTML, which looks like this:

span>Outer span>innerspan> outerspan> 

In this example, the words «outer inner outer» are all displayed at 16px (assuming that the browser’s font-size has been left at the default value of 16px).

Примеры

Пример 1

/* Set paragraph text to be very large. */ p  font-size: xx-large; > /* Set h1 (level 1 heading) text to be 2.5 times the size * of the text around it. */ h1  font-size: 250%; > /* Sets text enclosed within span tag to be 16px */ span  font-size: 16px; > 

Пример 2

.small  font-size: xx-small; > .larger  font-size: larger; > .point  font-size: 24pt; > .percent  font-size: 200%; > 
h1 class="small">Small H1h1> h1 class="larger">Larger H1h1> h1 class="point">24 point H1h1> h1 class="percent">200% H1h1> 
Live Sample

Примечание

em and ex units on the font-size property are relative to the parent element’s font size (unlike all other properties, where they’re relative to the font size on the element). This means em units and percentages do the same thing for font-size .

Спецификации

Specification
CSS Fonts Module Level 4
# font-size-prop

Совместимость с браузерами

BCD tables only load in the browser

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.

This page was last modified on 6 янв. 2024 г. by MDN contributors.

Your blueprint for a better internet.

font-size

Определяет размер шрифта элемента. Размер может быть установлен несколькими способами. Набор констант ( xx-small , x-small , small , medium , large , x-large , xx-large ) задаёт размер, который называется абсолютным. По правде говоря, они не совсем абсолютны, поскольку зависят от настроек браузера и операционной системы.

Другой набор констант ( larger , smaller ) устанавливает относительные размеры шрифта. Поскольку размер унаследован от родительского элемента, эти относительные размеры применяются к родительскому элементу, чтобы определить размер шрифта текущего элемента.

В конечном итоге, размер шрифта сильно зависит от значения свойства font-size у родителя элемента.

Сам размер шрифта определяется как высота от базовой линии до верхней границы кегельной площадки, как показано на рис. 1.

Размер шрифта

Рис. 1. Размер шрифта

Краткая информация

Значение по умолчанию medium
Наследуется Да
Применяется Ко всем элементам
Анимируется Да

Синтаксис

font-size: | | |
Описание Пример
Указывает тип значения.
A && B Значения должны выводиться в указанном порядке. &&
A | B Указывает, что надо выбрать только одно значение из предложенных (A или B). normal | small-caps
A || B Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке. width || count
[ ] Группирует значения. [ crop || cross ]
* Повторять ноль или больше раз. [,]*
+ Повторять один или больше раз. +
? Указанный тип, слово или группа не является обязательным. inset?
Повторять не менее A, но не более B раз.
# Повторять один или больше раз через запятую. #

Значения

Для задания абсолютного размера используются следующие значения: xx-small , x-small , small , medium , large , x-large , xx-large . Их соответствие с размером шрифта в HTML приведено в табл. 1.

Табл. 1. Размер шрифта в CSS и HTML

CSS xx-small x-small small medium large x-large xx-large Нет
HTML 1 Нет 2 3 4 5 6 7

Относительный размер шрифта задается значениями larger и smaller .

Также разрешается использовать любые допустимые единицы CSS: em (высота шрифта элемента), ex (высота символа х), пункты ( pt ), пикселы ( px ), проценты ( % ) и др. За 100% берётся размер шрифта родительского элемента. Отрицательные значения не допускаются.

Песочница

Винни-Пух был всегда не прочь немного подкрепиться, в особенности часов в одиннадцать утра, потому что в это время завтрак уже давно окончился, а обед ещё и не думал начинаться. И, конечно, он страшно обрадовался, увидев, что Кролик достаёт чашки и тарелки.

div < font-size: >em; >

Пример

font-size

Амазонская низменность

Для гостей открываются погреба Прибалатонских винодельческих хозяйств, известных отличными сортами вин «Олазрислинг» и «Сюркебарат».

Результат данного примера показан на рис. 1.

Применение свойства font-size

Рис. 2. Применение свойства font-size

Объектная модель

Объект.style.fontSize

Спецификация

Спецификация Статус
CSS Fonts Module Level 3 Возможная рекомендация
CSS Transitions Рабочий проект
CSS Level 2 (Revision 1) Рекомендация
CSS Level 1 Рекомендация

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Браузеры

5.5 12 1 7 1 1

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

См. также

  • Единицы размера в CSS
  • Размер текста
  • Свойства шрифта в CSS

Рецепты

  • Как изменить размер шрифта?
  • Как менять размер текста при изменении размера окна?
  • Как убрать промежуток между пунктами горизонтального списка?

Практика

  • Выступающий инициал
  • Размер заголовка в em
  • Размер заголовка в rem
  • Размер текста в пикселях

Справочник CSS

  • !important
  • ::after
  • ::backdrop
  • ::before
  • ::first-letter
  • ::first-line
  • ::marker
  • ::placeholder
  • ::selection
  • :active
  • :any-link
  • :autofill
  • :blank
  • :buffering
  • :checked
  • :default
  • :defined
  • :dir
  • :disabled
  • :empty
  • :enabled
  • :first-child
  • :first-of-type
  • :focus
  • :focus-visible
  • :focus-within
  • :fullscreen
  • :hover
  • :in-range
  • :indeterminate
  • :invalid
  • :is()
  • :lang()
  • :last-child
  • :last-of-type
  • :link
  • :muted
  • :not()
  • :nth-child()
  • :nth-last-child()
  • :nth-last-of-type()
  • :nth-of-type()
  • :only-child
  • :only-of-type
  • :optional
  • :out-of-range
  • :paused
  • :placeholder-shown
  • :playing
  • :read-only
  • :read-write
  • :required
  • :root
  • :seeking
  • :stalled
  • :target
  • :valid
  • :visited
  • :volume-locked
  • @charset
  • @document
  • @font-face
  • @import
  • @keyframes
  • @media
  • @page
  • @supports
  • @viewport
  • accent-color
  • align-content
  • align-items
  • align-self
  • all
  • animation
  • animation-delay
  • animation-direction
  • animation-duration
  • animation-fill-mode
  • animation-iteration-count
  • animation-name
  • animation-play-state
  • animation-timing-function
  • aspect-ratio
  • backdrop-filter
  • backface-visibility
  • background
  • background-attachment
  • background-blend-mode
  • background-clip
  • background-color
  • background-image
  • background-origin
  • background-position
  • background-position-x
  • background-position-y
  • background-repeat
  • background-size
  • block-size
  • border
  • border-block
  • border-block-color
  • border-block-end
  • border-block-end-color
  • border-block-end-style
  • border-block-end-width
  • border-block-start
  • border-block-start-color
  • border-block-start-style
  • border-block-start-width
  • border-block-style
  • border-block-width
  • border-bottom
  • border-bottom-color
  • border-bottom-left-radius
  • border-bottom-right-radius
  • border-bottom-style
  • border-bottom-width
  • border-collapse
  • border-color
  • border-end-end-radius
  • border-end-start-radius
  • border-image
  • border-image-outset
  • border-left
  • border-left-color
  • border-left-style
  • border-left-width
  • border-radius
  • border-right
  • border-right-color
  • border-right-style
  • border-right-width
  • border-spacing
  • border-start-end-radius
  • border-start-start-radius
  • border-style
  • border-top
  • border-top-color
  • border-top-left-radius
  • border-top-right-radius
  • border-top-style
  • border-top-width
  • border-width
  • bottom
  • box-decoration-break
  • box-shadow
  • box-sizing
  • caption-side
  • caret-color
  • clear
  • clip
  • color
  • column-count
  • column-fill
  • column-gap
  • column-rule
  • column-rule-color
  • column-rule-style
  • column-rule-width
  • column-span
  • column-width
  • columns
  • content
  • counter-increment
  • counter-reset
  • cursor
  • direction
  • display
  • empty-cells
  • filter
  • flex
  • flex-basis
  • flex-direction
  • flex-flow
  • flex-grow
  • flex-shrink
  • flex-wrap
  • float
  • font
  • font-family
  • font-kerning
  • font-size
  • font-stretch
  • font-style
  • font-variant
  • font-variant-caps
  • font-weight
  • gap
  • height
  • hyphenate-character
  • hyphenate-limit-chars
  • hyphens
  • image-rendering
  • inline-size
  • justify-content
  • left
  • letter-spacing
  • line-clamp
  • line-height
  • list-style
  • list-style-image
  • list-style-position
  • list-style-type
  • margin
  • margin-bottom
  • margin-left
  • margin-right
  • margin-top
  • marks
  • max-block-size
  • max-height
  • max-inline-size
  • max-width
  • min-block-size
  • min-height
  • min-inline-size
  • min-width
  • mix-blend-mode
  • object-fit
  • opacity
  • order
  • orphans
  • outline
  • outline-color
  • outline-offset
  • outline-style
  • outline-width
  • overflow
  • overflow-x
  • overflow-y
  • padding
  • padding-block
  • padding-block-end
  • padding-block-start
  • padding-bottom
  • padding-inline
  • padding-inline-end
  • padding-inline-start
  • padding-left
  • padding-right
  • padding-top
  • page-break-after
  • page-break-before
  • page-break-inside
  • perspective
  • perspective-origin
  • place-content
  • pointer-events
  • position
  • quotes
  • resize
  • right
  • row-gap
  • scroll-behavior
  • tab-size
  • table-layout
  • text-align
  • text-align-last
  • text-decoration
  • text-decoration-color
  • text-decoration-line
  • text-decoration-skip-ink
  • text-decoration-style
  • text-emphasis
  • text-emphasis-color
  • text-emphasis-position
  • text-emphasis-style
  • text-fill-color
  • text-indent
  • text-orientation
  • text-overflow
  • text-shadow
  • text-stroke
  • text-stroke-color
  • text-stroke-width
  • text-transform
  • top
  • transform
  • transform-origin
  • transform-style
  • transition
  • transition-delay
  • transition-duration
  • transition-property
  • transition-timing-function
  • unicode-bidi
  • user-select
  • vertical-align
  • visibility
  • white-space
  • widows
  • width
  • word-break
  • word-spacing
  • word-wrap
  • writing-mode
  • z-index
  • zoom

Как задавать размеры шрифта в вёрстке

Продолжаем говорить о размерах в CSS. Мы уже разбирали пиксели, проценты и зависимость от окна браузера, а теперь посмотрим на особенности размеров шрифтов.

Коротко о том, что уже было: пиксели и высота экрана

Самый простой способ задать размер чего-нибудь на веб-странице — указать его в пикселях:

Также можно указать размер в виде пропорций от ширины или высоты браузера. Например, чтобы размер шрифта был 1/10 от высоты окна. Необычно, но может быть интересно:

Проценты и шрифты

Ещё есть проценты, но с ними сложнее: нужно знать размеры родительского элемента, чтобы процентам было от чего отталкиваться. Например, если мы просто напишем font-size: 50%;, то браузер сделает так:

  1. Поищет в стилях, есть ли где-то точное указание размеров шрифта для этого или родительского элемента.
  2. Если есть — возьмёт 50 процентов от них.
  3. Если нет — возьмёт стандартный размер шрифта для этого элемента из своих настроек и уже от них посчитает 50%.
    Размеры шрифтов /*задаём общие параметры для всей страницы*/ body 

Привет, это журнал «Код»!

Как задавать размеры шрифта в вёрстке

Теперь добавим отдельный стиль для абзаца и в нём укажем, что размер текста должен быть 50%:

А вот что будет, если мы удалим размер в пикселях из стиля body<> и дадим браузеру самому разобраться с размером:

Так как мы не задали точные размеры, то браузер взял какой-то свой размер абзаца по умолчанию и посчитал 50% от этого стандартного размера. Получилось мелко и нечитаемо.

Em — относительный размер шрифта

Если неохота считать проценты или нужно, чтобы шрифт точно был в 2 раза больше или в 0,7 раз меньше обычного шрифта, используют em. Это то же самое, что проценты: font-size: 100% — это как font-size:1em .

    Размеры шрифтов /*задаём общие параметры для всей страницы*/ body  

Привет, это журнал «Код»!

А это — статья про размеры шрифтов

И здесь всё постоянно меняется

Так же, как и с процентами, em — это относительные значения. Всё зависит от родительского элемента. В этом примере родительским элементом был общий размер для всей страницы, заданный в body<>. Но что, если мы вложим с помощью блоков абзацы друг в друга?

    Размеры шрифтов /*задаём общие параметры для всей страницы*/ body  

Привет, это журнал «Код»!

Делаем шрифт побольше предыдущего

А этот — поменьше своего предыдущего

Размеры в эмах удобно использовать для вёрстки разных иерархических элементов, где каждый вложенный уровень должен по размеру быть меньше предыдущего. Чтобы каждый раз не считать размеры вручную, можно использовать одно и то же значение в em — а браузер сам уменьшит шрифт пропорционально вложенности.

�� Em считается относительно текущего размера шрифта и пересчитывается при изменении размеров родительского шрифта. Это можно использовать для адаптивной вёрстки.

Кроме em есть ещё rem — она считает размеры шрифта только относительно тех, которые заданы в блоке стилей html<>. Если этого блока нет или в нём ничего не написано — rem посчитает размер шрифта от стандартного значения в браузере. Отличие от em в том, что даже при вложенности друг в друга все значения будут считаться не относительно предыдущего блока, а относительно значения в html<>.

Межстрочный интервал

Помимо размера самих букв у текста есть параметр межстрочного интервала — это расстояние между нижними краями текста на каждой строке.

Стандартное значение межстрочного интервала — normal. Это значит, что браузер спросит у шрифта, какое межстрочное расстояние тот предпочитает. Вам ни о чём думать не нужно:

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

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

Как адаптировать размер текста под размер экрана

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

Самый прямолинейный способ это сделать — задать размер в единицах vw. Например, 1vw — это 1% ширины экрана; 10vw — 10% ширины экрана. Если экран шириной 1000 пикселей, то 20vw — это 200 пикселей.

Звучит неплохо, но может плохо выглядеть: смартфоны обычно очень узкие, а экраны компьютеров очень широкие, и разница в размере шрифта будет в 5–6 раз. И если, например, основной текст фиксированного размера, а заголовки должны менять размер, то на широких экранах заголовки будут мельче, чем основной текст.

    Размеры шрифтов  `   

Привет, это журнал «Код»!

Этот текст зависит от ширины экрана. Чем больше ширина — тем больше размер этого текста

Как задавать размеры шрифта в вёрстке

Как задавать размеры шрифта в вёрстке

Второй вариант — использовать медиазапросы. Мы расскажем о них подробно в другой статье, а пока кратко: это когда мы можем накатывать разные стили на документ в зависимости от того, как этот документ отображается. Можно сказать: «Если экран шире 500 пикселей, используй вот такой размер шрифта; если шире 1000 пикселей — сякой; а если это не веб-страница, а версия для печати — вообще используй другой шрифт и размер».

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

@media screen and (min-width: 601px) < h2 > @media screen and (max-width: 600px) < h2 >

Общие требования к макетам

Типы файлов, предназначенных для печати: TIF, EPS, PDF, PSD, AI.

Файлы сохранены в версиях программ не старше: COREL X 8 , AI CS 5, PS CS 5.

Типы файлов, не являющихся печатными: родные форматы Word, Excel, AutoCAD и т.п.

В растровых форматах JPG, TIF, PSD разрешение не меньше 300 dpi.

Требования к файлам

Файл не должен содержать OLE и пр. объекты.
Обязательно нужно предоставить утвержденную и подписанную распечатку макета. После утверждения макета заказчиком претензии к ошибкам в макете не принимаются.

Все текстовые объекты должны быть в кривых.
Минимальный кегль шрифта должен быть не менее 3-4 pt Arial (в сравнении).
Шрифты менее 5 pt не должны быть «сложными» (т.е. без засечек).

Цветовые модели:

— наличие цветовых моделей CMYK и RGB в одном файле недопустимо

— для цветов по шкале PANTONE, при печати на широкоформатных экосольвентных и ультрафиолетовом принтере, необходимо воспользоваться внутренней палитрой, которая имеется в нашем офисе.

Макет должен содержать только те краски, которыми в дальнейшем он будет напечатан.
Изменения цветовой модели возможны за дополнительную плату.
Цвета из банки должны иметь название «Pantone XXX C», где ХХХ – номер нужного цвета по каталогу Solid Coated Pantone .

Сложные градиенты, mesh-заливки, текстурные заливки, эффекты прозрачности, а также такие эффекты, как DropShadow, Lens и другие, должны быть растрированны.

Растровые изображения:

-цветовая модель – СМУК

в масштабе 1:1

— всё изображение на одном слое

— если необходима резка изображения по контуру, то изображение должно выходить за обрезной формат на 2 мм.

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

Если растровое изображение идёт «в край» с контуром этикетки, то оно должно выступать за обрезной формат на 2 мм с каждой стороны.

Векторные изображения:

масштаб 1:1 не обязателен , но обязательно соблюдение пропорций, соответствующих итоговому размеру

— абрисы в режиме «масштабирование с объектом» или переведены в объекты — штрих-код в виде «кривых»

— объекты-символы в «кривых»

— шрифты в виде «кривых» (при наличии малораспространённых или коммерческих шрифтов обеспечить наличие самих шрифтов для возможной правки текста)

— минимальный размер шрифта черного цвета(прямой и в инверсии) 3 п. по Arial (более мелкий текст будет малочитаемым смотри образец)

-отдельно стоящие линии при прямой и инверсной печати черным 0,1 мм

— все лишние составляющие макетов должны быть удалены

— файлы, созданные в Illustrator, не должны иметь «связанных», «прилинкованных» объектов и изображений. Все изображения должны быть встроены или отправлены вместе с макетом.

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

Контур реза:

— сверхтонкий абрис красного (жёлтого) цвета 0,078 мм, имеющий минимальное количество «узлов» и соответствующий необходимому размеру и пропорциям, должен находиться на отдельном слое

Градиенты и плашки:

Градиенты лучше использовать от 20% до 100 %.

Положение объектов:

Все объекты, которые будут напечатаны не «в край», должны располагаться не ближе 2 мм к краям реза (с каждой стороны!).
Если Вы хотите напечатать рамку или полосу, идущую ровно по краю реза, то её толщина (внутри этикетки) должна быть не менее 3 мм.

Штрих-код должен быть в векторном формате и с заливкой 100% краской.
Тип штрих-кода, его минимально считываемый размер (масштабирование) и соотношение допустимых оттенков определяет сам заказчик.
На блестящих и зеркальных отражающих поверхностях штрих-код не будет считываться!
Если нужен штрих-код на прозрачной плёнке, то требуется печать белилами плашки под ним!

Дополнительные требования для Флексопечати

Формат печати

Максимальный размер запечатываемой области 300х315 мм.

От 80 до 150 lpi

Цветопередача

Минимально воспроизводимый процент растровой точки – 3-4%.
Следует избегать изображений со светлыми градиентами (менее 3-4%), градиентов уходящих в ноль процентов, тонких вывороток и линий в несколько цветов.

В наличии есть вся палитра базовых цветов по шкале Pantone.
По желанию заказчика либо смешиваются промежуточные оттенки, либо желаемый оттенок раскладывается на палитру СМУК.
Оборудование позволяет печатать до 5 красок (можно 4+лак).
Ваш макет должен цветоделиться на то количество красок, сколькими Вы предполагаете его печатать.

Технические допуски

Допустимые отклонения совмещения цветов ± 0,1 мм.

Относительная погрешность обрезного формата относительно картинки составляет не более 1 мм.

Формы вырубки:

По Вашему чертежу мы можем изготовить этикетки практически с любым контуром.

Дополнительные требования для Горячего тиснения

Формат тиснения

51х92 мм – для этикеток с печатью; 51х140 мм – для пустых этикеток.

Минимальная толщина элементов

Линии при печати вывороткой не менее 0,3 мм, при прямой печати – 0,15 мм.
Текст при прямой печати не менее 5 пт. Текст вывороткой лучше не печатать.
Минимальное расстояние между разными элементами одного цвета 0,3 мм.

Цвета

Можно печатать не более 2х цветов! При этом цвета не должны пересекаться. Между цветами должно быть расстояние не менее 0,3 мм.

Дополнительные требования для Цифровой лазерной листовой и рулонной печати

1.Размер листа SR A3 320х450 мм

2.Минимальный размер шрифта черного цвета (прямой и в инверсии) 2 п по Arial

3.Отдельно стоящая линия 0,05 мм

Цветовая палитра

Только СМУК (по печатающим краскам).

Контур реза:

— сверхтонкий абрис красного (жёлтого) цвета 0,078 мм, имеющий минимальное количество «узлов» и соответствующий необходимому размеру и пропорциям, должен находиться на отдельном слое.

В растровом макете (либо плашке) нужно сделать вылет наружу за линию реза на 2 мм.
Текст/объекты от линии реза должны отстоять внутрь не менее 2 мм.

Дополнительные требования к макетам для широкоформатной печати

Максимальный размер файла : не должен превышать размер 2 Гбт и 10 метров в длину.

Максимальная ширина печати экосольвентными и уф красками 1600 мм .

Контурная (плоттерная) резка самоклеющихся материалов и трафаретов возможна на ширине до 1350 мм .

Возможные варианты цветовых моделей печати на УФ принтере :

6.W + CMYK + W выполняется по схеме

7.W + CMYK с выборкой в CMYK под белое.

Макет наклейки содержит изображение и контур реза.

Толщина контура реза — сверхтонкий абрис красного (жёлтого) цвета 0,078 мм. Вылет изображения за контур реза равен 2 мм . Элемент изображения не являющийся фоном (текст, штрихкод) располагается на расстоянии 2 мм от контура реза . Изображения содержащие W, CMYK и контур реза располагаются на разных слоях.

Работы с макетами наклеек, в том случае когда это необходимо для Вас.

Добавление контура реза в макет 80 ₽
Верстка макета (только текст, внесение не более 2 правок, повтор +300 руб.) 350 ₽
Отрисовка элемента в зависимости от сложности 700-3000 ₽
Подбор похожего шрифта при отсутствии исходного 700 ₽
Верстка макета (текст + графика, готовые элементы, внесение не более 2 правок, повтор +300 руб.) 900 ₽
Подбор фотографий (5 фото на одну тему) 1 000 ₽
Рисование иллюстрации 4 500 ₽
Креатив макета договор

Обратите внимание:

28 апреля 2019 года в Евразийском экономическом союзе начали действовать изменения, внесенные в технический регламент «Пищевая продукция в части ее маркировки».

Данные изменения были приняты 14 сентября текущего года решением № 75 Совета ЕЭК. Официальное их опубликование состоялось – 30 октября 2019 г..

Что предусматривают опубликованные правки технического регламента?

1. Придуманное название пищевого продукта (если таковое имеется) включается в наименование продукта. Располагаться придуманное название должно вблизи от наименования.

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

3. Понятность определяется таким критерием, как однозначность переданного смысла информации. Данная информация может быть изложена в форме текста или текста с изображением.

4. Наименование пищевой продукции, ее состав и количество, сведения об изготовителе, информация о наличии ГМО, показатели пищевой ценности, знак обращения ТС указываются шрифтом не меньше 2 мм.

5. Слова для обозначения даты изготовления, сведений о месте и нанесение даты производства, срока годности, рекомендации по использованию и некоторая другая информация прописываются шрифтом, высота которого должна составлять не менее 0,8 мм.

6. Наряду с изображением в маркировке требования установлены и к текстовому описанию (в частности, маркировка не должна содержать изображение продукта и его текстовое описание, если он не использовался и не содержится в потребительской упаковке. Как известно, на текущий момент в данном требовании речь шла только об изображении).

Напомним, союзный регламент по маркировке пищевой продукции (ТР ТС 022/2011) действует в ЕАЭС с 1 июля 2013 года. Опубликованные изменения, согласно действующему законодательству, прошли процедуры публичного обсуждения и внутрегосударственного согласования а также были одобрены Коллегией Комиссии.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *