CSS فون اٹری بیوٹ
- ਪਿੰਡਾ ਪੰਨਾ ਫਲੌਟ
- ਅਗਲਾ ਪੰਨਾ @font-face
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
font ਸ਼ਾਰਟਨਾਮ ਵਿਸ਼ੇਸ਼ਤਾ ਇੱਕ ਸ਼ਬਦ ਵਿੱਚ ਸਾਰੇ ਫੋਂਟ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਸੈਟ ਕਰਦੀ ਹੈ。
ਟਿੱਪਣੀਆਂ:ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਵੀ ਛੇਵੇਂ ਮੁੱਲ ਹੈ: "line-height" ਜਿਸ ਨਾਲ ਲਾਈਨ ਸਪੇਸਿੰਗ ਸੈਟ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。
ਵਿਆਖਿਆ
ਇਹ ਸ਼ਾਰਟਨਾਮ ਵਿਸ਼ੇਸ਼ਤਾ ਇੱਕ ਵਾਰ ਤੋਂ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਾਠ ਟੈਕਸਟ ਦੇ ਦੋ ਜਾਂ ਵੱਧ ਮੁੱਦਾਵਾਂ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ। ਇਕੋਨ ਵਰਗੇ ਕੀਵਰਡ ਵਰਤ ਕੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਾਠ ਟੈਕਸਟ ਦੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਪਾਠ ਟੈਕਸਟ ਦੇ ਇੱਕ ਵਿਸ਼ੇਸ਼ ਪਾਸੇ ਨਾਲ ਤਰਕਸ਼ਿਲ ਕਰ ਸਕਦੇ ਹਨ। ਧਿਆਨ ਦੇਵੇ ਕਿ ਇਹ ਕੀਵਰਡ ਨਹੀਂ ਵਰਤੇ ਗਏ ਤਾਂ ਘੱਟ ਤੋਂ ਘੱਟ ਫੋਂਟ ਸਾਈਜ਼ ਅਤੇ ਫੋਂਟ ਕਿਸਮ ਸੈਟ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ。
ਇਨ੍ਹਾਂ ਕ੍ਰਮ ਵਿੱਚ ਪ੍ਰਤੀਭਾਸ਼ਾ ਨੂੰ ਸੈਟ ਕਰ ਸਕਦੇ ਹੋ ਕਿ:
ਕਿਸੇ ਮੁੱਲ ਨੂੰ ਨਾ ਸੈਟ ਕਰਨਾ ਹੋ ਸਕਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ font:100% verdana; ਵੀ ਮਨਜ਼ੂਰ ਹੈ। ਨਾ ਸੈਟ ਕੀਤੇ ਗਏ ਪ੍ਰਤੀਭਾਸ਼ਾ ਮੁੱਲ ਉਨ੍ਹਾਂ ਦੇ ਮੂਲ ਮੁੱਲ ਨੂੰ ਵਰਤਦੇ ਹਨ।
ਹੋਰ ਦੇਖੋ:
CSS ਟੂਟੋਰੀਅਲ:CSS ਫੰਟ
HTML DOM ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:font ਪ੍ਰਤੀਭਾਸ਼ਾ
ਉਦਾਹਰਣ
ਸਾਰੇ ਫੰਟ ਪ੍ਰਤੀਭਾਸ਼ਾ ਇੱਕ ਐਲਾਨ ਅੰਦਰ ਸੈਟ ਕਰੋ:
p.ex1
{
font:italic arial,sans-serif;
}
p.ex2
{
font:italic bold 12px/20px arial,sans-serif;
}
CSS ਗਰੇਫਿਕਸਿਜ਼
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
ਪ੍ਰਤੀਭਾਸ਼ਾ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| font-style | ਫੰਟ ਸਟਾਈਲ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਦੇਖੋ:font-style ਸੰਭਵ ਮੁੱਲ |
| font-variant | ਫੰਟ ਵਿਵਿਧਤਾ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਦੇਖੋ:font-variant ਸੰਭਵ ਮੁੱਲ |
| font-weight | ਫੰਟ ਵਜ਼ਨ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਦੇਖੋ:font-weight ਸੰਭਵ ਮੁੱਲ |
| font-size/line-height | ਫੰਟ ਸਾਈਜ਼ ਅਤੇ ਲਾਈਨ ਹਾਈਟ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਦੇਖੋ:font-size ਅਤੇ line-height ਸੰਭਵ ਮੁੱਲ |
| font-family | ਫੰਟ ਪਰਿਵਾਰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ।ਦੇਖੋ:font-family ਸੰਭਵ ਮੁੱਲ |
| caption | ਟਾਇਟਲ ਕੰਟਰੋਲਸ (ਜਿਵੇਂ ਕਿ ਬਟਨ, ਡਾਲਡ-ਡਾਉਨ ਲਿਸਟ ਆਦਿ) ਵਿੱਚ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਫੰਟ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ。 |
| icon | ਆਇਕਾਨ ਟੈਗ ਵਿੱਚ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਫੰਟ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ。 |
| menu | ਡਾਲਡ-ਡਾਉਨ ਲਿਸਟ ਵਿੱਚ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਫੰਟ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ。 |
| message-box | ਡਾਇਲਾਗ ਵਿੱਚ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਫੰਟ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ。 |
| small-caption | caption ਫੰਟ ਦੀ ਛੋਟੀ ਸੰਸਕਰਣ |
| status-bar | ਵਿੰਡੋ ਸਟੇਟਸ ਬਾਰ ਵਿੱਚ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਫੰਟ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ。 |
ਤਕਨੀਕੀ ਵੇਰਵੇ
| ਮੂਲ ਮੁੱਲ | ਨਾ ਨਿਰਧਾਰਿਤ |
|---|---|
| ਵਿਰਾਸਤੀਤਾ | ਹਾਂ |
| ਆਵ੍ਰਿਤੀ | CSS1 |
| ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੇਫਿਕਸਿਜ਼ | object.style.font="italic small-caps bold 12px arial,sans-serif" |
TIY ਉਦਾਹਰਣ
- ਸਾਰੇ ਫੰਟ ਪ੍ਰਤੀਭਾਸ਼ਾ ਇੱਕ ਐਲਾਨ ਅੰਦਰ
- ਸ਼ਾਰਟਨਾਮ ਵਰਤੋਂ ਕਰਕੇ ਫੰਟ ਪ੍ਰਤੀਭਾਸ਼ਾ ਸੈਟਅੱਪ ਕਿਵੇਂ ਇੱਕ ਐਲਾਨ ਅੰਦਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਦਿਸ਼ਾ ਰਹੀ ਹੈ。
- "caption" ਕੀਮਤ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪੈਰੋਗ੍ਰਾਫ ਫੰਟ ਸੈਟਅੱਪ
- ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਵਿਸ਼ੇਸ਼ ਕਰਕੇ "caption" ਕੀਮਤ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪੈਰੋਗ੍ਰਾਫ ਫੰਟ ਸੈਟਅੱਪ ਕਿਵੇਂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਦਿਸ਼ਾ ਰਹੀ ਹੈ。
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਪਸ਼ਟੀਕਰਨ ਵਿੱਚ ਸਬੰਧਤ ਪਰਿਭਾਸ਼ਾ ਦੀ ਪਹਿਲੀ ਬਰਾਉਜ਼ਰ ਆਵ੍ਰਿਤੀ ਦਿਸ਼ਾ ਰਹੀ ਹੈ。
| ਚਰਮੋਨਾ | IE / ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪੇਰਾ |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- ਪਿੰਡਾ ਪੰਨਾ ਫਲੌਟ
- ਅਗਲਾ ਪੰਨਾ @font-face
