Como que funciona a nossa ferramenta?
É simples! Nessa página iremos explicar como! Sinta-se livre para usar ela em seu site.
Este é o código de JavaScript que nós usamos para aumentar a fonte dos textos:
function funcao(){
var x = document.getElementsByClassName("Nome da classe dos textos");
for ( var i = 0; i < x.length; i++) {
x[i].style.fontSize="1.5rem";
}
};
E este é o código para diminuir a fonte dos textos:
function funcao(){
var x = document.getElementsByClassName("Nome da classe dos textos");
for ( var i = 0; i < x.length; i++) {
x[i].style.fontSize=" ";
}
};
No código para diminuir, o local que fica o tamanho da fonte fica vazio, isso faz que o texto volte para o tamanho original dele.
O código para mudar a fonte que é feita para pessoas com dislexia:
Primeiro, você coloca o arquivo da fonte dentro da sua paste, em seguida você coloca ela no CSS do seu site.
@font-face {
font-family: 'OpenDyslexic';
src: url('../fontes/OpenDyslexic-Regular.eot');
src: url('../fontes/OpenDyslexic-Regular.eot?#iefix') format('embedded-opentype'),
url('../fontes/OpenDyslexic-Regular.woff2') format('woff2'),
url('../fontes/OpenDyslexic-Regular.woff') format('woff'),
url('../fontes/OpenDyslexic-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
*{
font-family: 'OpenDyslexic';
}