設(shè)置服務(wù)器字體
如果說，我們想要使用自已想要的字體在html中應(yīng)用萌抵，并且上傳到服務(wù)器之后找御，別人打開網(wǎng)頁看到的字體也是這個(gè)的話，那么绍填，我們則需要進(jìn)行一下的操作
- 下載好字體霎桅，放到
font文件夾中。 - 在對應(yīng)的
css文件中使用@font-face屬性定義字體讨永。 - 對元素應(yīng)用
font-family字體樣式
@font-face {
font-family: "字體名稱";
src: url("這里可以使用自已放在font中的字體滔驶，也可以使用網(wǎng)絡(luò)上的字體，但是文件后綴得是.ttf");
}
文本溢出處理
很多時(shí)候卿闹，文檔的長度很長揭糕，所以我們不想看到這么長萝快，需要他能在一行顯示，顯示不完的著角，那么就用省略號(hào)代替揪漩，然后點(diǎn)擊之后展開之類的，如果是需要文字超出范圍就變成省略號(hào)吏口，那么就需要以下的辦法
1.給你需要這個(gè)功能的元素加上寬度
2.應(yīng)用white-space:nowrap;(空白處符處理奄容，樣式文本不能換行)
3.應(yīng)用overflow:hidden;(文本溢出就隱藏)
4.應(yīng)用text-overflow：ellipsis（超出部分就顯示省略號(hào)）
注意點(diǎn):以上四個(gè)步驟，缺一不可
- html
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum cumque ea, excepturi inventore minus modi neque pariatur quae repudiandae rerum sequi suscipit, tenetur! A consequatur ducimus facere facilis, nisi voluptatum.
</p>
- css
p{
width: 450px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
text-overflow: clip | ellipsis
默認(rèn)值: clip
clip: 當(dāng)對象內(nèi)文本溢出的時(shí)候不顯示省略號(hào)产徊，而是將溢出的部分裁減掉
ellipsis: 當(dāng)對象內(nèi)文本溢出時(shí)顯示省略號(hào)（...）
