Како користити Google и друге фонтове у твојим обрасцима

Поред подразумеваних типова текста, Jotform такође подржава At-rules (нпр. @importand, @font-face). Можеш их користити да увезеш своје стилове текста са Google Fonts сајта или можеш додати прилагођене фонтове са сопственог сервера.

Додавање Google фонтова

1. Копирај потребан код са следећег сајта https://fonts.google.com/

a. Претражи и одабери жељени стил.

б. Кликни на стил који желиш да користиш.

в. Одабери @import у Use on the web секцији.

г. Копирај @import код.

2. Врати се у креатор обрасца и под Стил картицом налепи претходно копиран код на врх посојећег CSS кода.

3. Да примениш одабране стилове текста, користи font-family својство.

4. За то, можеш да користиш следећи CSS:

.form-all * {
font-family: 'Open Sans', sans-serif;
}

.form-all * {
  font-family: 'Open Sans', sans-serif;
}

Замени Open Sans са именом одабраног фонта. Такође можеш да се вратиш на Google Фонтове и да пронађеш име испод кода који си копирао.

Додавање фонтова са сопственог сервера

Можеш користити следећи код да га налепиш у дизајнер обрасца. Наког тога, замени обавезне вредности као што је font-family име и извор твог фонта. Или, да се псотараш да је фонт компатабилан са свим претраживачима, креирај сопствени @font-face код коситећи следећи сајт: https://transfonter.org/.

Пример:

@font-face {
font-family: myFirstFont;
src: url(https://www.yoursite.com/fontscoolfont_bold.woff);
font-weight: bold;
}
.form-all * {
font-family: myFirstFont, sans-serif;
}

@font-face {
  font-family: myFirstFont;
  src: url(https://www.yoursite.com/fontscoolfont_bold.woff);
  font-weight: bold;
}

.form-all * {
  font-family: myFirstFont, sans-serif;
}

Уколико имаш нека питања, постави их у секцији коментара испод.