Избиране на фонт?
- Автор hotboy8
- Начална дата
alex95_bg_2
Registered
размер на шрифта има
но не чудо като динамично сменяне на фонт
но не чудо като динамично сменяне на фонт
BlueTrance
Registered
@font-face { font-family: myfont; font-style: normal; font-weight:
normal; src: url(fontname.eot); }
@font-face e правилният подход. Проблема е че FF не го поддържа и ще има ефект само за IE. Всъщност не съм го тествал под IE но мисля че работи.
Динамично може да стане по следният начин: (За FF няма как да стане.)
1. Прави се един файл примерно fonts.css където се описват всички фонтове с @font-face
2. Input полетата или Textarea където въвеждаш текст-а им слагаш:
style='{font-family:myfont;}'
Пример: <input type='text' id='mytextfield' style='{font-family:myfont1;}'>
3. Слагаш примерно един select box с option-и примерно:
<select id='selectbox' onchange='changefont();'>
<option value='myfont1'>My beauty font 1</option>
<option value='myfont2'>My beauty font 2</option>
<option value='myfont3'>My beauty font 3</option>
</select>
4. Слагаш на onchange една функция от сорта:
function changefont() {
var obj = document.getElementById('mytextfield');
var sel = document.getElementById('selectbox');
var selectedValue = selectElement[selectElement.selectedIndex].value;
obj.style.fontFamily = sel[sel.selectedIndex].value;
}
normal; src: url(fontname.eot); }
@font-face e правилният подход. Проблема е че FF не го поддържа и ще има ефект само за IE. Всъщност не съм го тествал под IE но мисля че работи.
Динамично може да стане по следният начин: (За FF няма как да стане.)
1. Прави се един файл примерно fonts.css където се описват всички фонтове с @font-face
2. Input полетата или Textarea където въвеждаш текст-а им слагаш:
style='{font-family:myfont;}'
Пример: <input type='text' id='mytextfield' style='{font-family:myfont1;}'>
3. Слагаш примерно един select box с option-и примерно:
<select id='selectbox' onchange='changefont();'>
<option value='myfont1'>My beauty font 1</option>
<option value='myfont2'>My beauty font 2</option>
<option value='myfont3'>My beauty font 3</option>
</select>
4. Слагаш на onchange една функция от сорта:
function changefont() {
var obj = document.getElementById('mytextfield');
var sel = document.getElementById('selectbox');
var selectedValue = selectElement[selectElement.selectedIndex].value;
obj.style.fontFamily = sel[sel.selectedIndex].value;
}