Este painel do Editor de estilos permite que você adicione declarações de folha de estilo em cascata (CSS) relacionadas à fonte à propriedade style de um componente JavaServer Faces. As declarações que você adiciona à propriedade de estilo anulam as regras CSS correspondentes definidas no arquivo CSS da página.
O painel Fonte permite que você defina as seguintes declarações de estilo:
font-family. Quando a página é renderizada, o navegador tenta aplicar a fonte específica ou uma fonte derivada das famílias de fontes especificadas nessa propriedade da esquerda para a direita no sistema do usuário, comparando cada fonte especificada com as fontes instaladas no sistema até que encontre uma correspondência. Você pode escolher uma fonte ou conjuntos de fontes na lista, ou pode clicar no botão Editar e adicionar as fontes, usando a caixa de diálogo Editar famílias de fontes.font-size, que especifica o tamanho em que a fonte deve ser renderizada. Você pode escolher um valor na lista abaixo do campo, ou pode indicar um valor numérico diretamente. Depois de configurar o tamanho, você pode escolher as unidades na lista suspensa à direita. font-style, que especifica se a fonte é renderizada normalmente ou em sua versão itálico ou oblíquo. Nem todas as fontes possuem o estilo itálico. Geralmente, itálico e oblíquo são renderizados da mesma forma.font-size, que geralmente especifica se a fonte está ou não em negrito. Algumas fontes também aceitam as configurações bolder e lighter disponíveis na lista suspensa.font-variant, que especifica se a fonte deve ser renderizada em minúsculas. font-color, a cor na qual a fonte é renderizada. Você pode:
rgb(red-value,green-value,blue-value). Por exemplo, o valor de branco é rgb(255,255,255).A tabela seguinte mostra as cores padrão:
| Nomes de cor e valores sRGB | |||
|---|---|---|---|
| Preto = "#000000" | Verde = "#008000" | ||
| Prata = "#C0C0C0" | Verde claro = "#00FF00" | ||
| Cinza = "#808080" | Verde oliva = "#808000" | ||
| Branco = "#FFFFFF" | Amarelo = "#FFFF00" | ||
| Marrom = "#800000" | Azul marinho = "#000080" | ||
| Vermelho = "#FF0000" | Azul = "#0000FF" | ||
| Lilás = "#800080" | Azul celeste = "#008080" | ||
| Fúcsia = "#FF00FF" | Azul claro = "#00FFFF" | ||
text-decoration, que adiciona um sublinhado, sobrelinhado, line-through),
ou nenhuma decoração (none) ao texto. Como essas configurações são caixas de verificação, você pode adicionar mais de uma decoração de cada vez.