Correcting teacher:PHPz
Correction status:qualified
Teacher's comments:完成的很好,继续加油
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_3729002_kfx9vnojk6r.css">
<style>
/* CDN 服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */
/* @font-face {
font-family: 'iconfont'; /* Project id 3729002 *
src: url('//at.alicdn.com/t/c/font_3729002_kfx9vnojk6r.woff2?t=1666773097191') format('woff2'),
url('//at.alicdn.com/t/c/font_3729002_kfx9vnojk6r.woff?t=1666773097191') format('woff'),
url('//at.alicdn.com/t/c/font_3729002_kfx9vnojk6r.ttf?t=1666773097191') format('truetype');
} */
/**
* !声明自定义文字样式
*/
.font.unicode {
font-family: iconfont;
font-size: 5rem;
color: aquamarine;
text-shadow: 0px 0.0625rem 0.0625rem black;
}
.iconfont.class{
font-family: iconfont;
font-size: 5rem;
color: violet;
text-shadow: 0px 0.0625rem 0.0625rem black;
}
/* 确定媒体大小 */
/* @media (max-width:375px) {
html{
font-size: 12px;
}
}
@media (min-width:375px) and (max-width: 454px) {
html{
font-size: 18px;
}
} */
@media (min-width:415px) {
html{
font-size: 15px;
}
}
/* */
</style>
</head>
<body>
<span class="icon-shezhi iconfont class"></span>
<svg t="1666700175938" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="939" width="200" height="200"><path d="M580.9152 501.2992l266.5472-257.4336c-78.9504-101.888-202.3936-167.5264-341.248-167.5264-238.3872 0-431.616 193.2288-431.616 431.616 0 238.3872 193.2288 431.616 431.616 431.616 147.712 0 278.0672-74.2912 355.8912-187.4432l-281.1904-250.8288z" fill="#644CF2" p-id="940"></path><path d="M832.6656 725.8624l-251.7504-224.5632 0.0512-0.0512-29.44-26.2144 266.5472-257.4336a442.8288 442.8288 0 0 0-39.1168-43.9808c-74.3424-60.7744-169.2672-97.28-272.7936-97.28-238.3872 0-431.616 193.2288-431.616 431.616 0 120.7808 49.664 229.9392 129.6384 308.2752 74.3424 60.6208 169.216 97.024 272.64 97.024 147.712-0.0512 278.016-74.24 355.84-187.392z" fill="#6B55F3" p-id="941"></path><path d="M786.7392 189.7984a447.86688 447.86688 0 0 0-25.6-30.0544c-71.424-52.4288-159.5392-83.4048-254.976-83.4048-238.3872 0-431.616 193.2288-431.616 431.616 0 113.6128 43.9808 216.9344 115.7632 294.0416 71.4752 52.48 159.6416 83.5072 255.1296 83.5072 147.712 0 278.0672-74.24 355.8912-187.4432L520.192 447.232l266.5472-257.4336z" fill="#6C62F4" p-id="942"></path><path d="M454.8608 885.3504c-103.8848-41.5232-166.3488-121.1392-183.808-196.096-66.6624-260.8128 103.936-384.3072 245.9648-433.3568 97.3312-33.5872 131.7376-107.6224 143.7696-150.9376-48.0256-18.4832-100.1472-28.6208-154.6752-28.6208-238.3872 0-431.616 193.2288-431.616 431.616 0 113.6128 43.9808 216.9344 115.7632 294.0416 71.4752 52.48 159.6416 83.5072 255.1296 83.5072l9.472-0.1536z" fill="#6E6EF9" p-id="943"></path><path d="M856.9344 492.544m-93.3888 0a93.3888 93.3888 0 1 0 186.7776 0 93.3888 93.3888 0 1 0-186.7776 0Z" fill="#FEB10D" p-id="944"></path><path d="M763.5456 492.544c0 22.8352 8.2432 43.776 21.8624 60.0064 15.6672 13.0048 35.84 20.8384 57.8048 20.8384 50.0224 0 90.624-40.5504 90.624-90.624 0-32.768-17.4592-61.44-43.5712-77.312-10.3424-3.9424-21.5552-6.2464-33.3312-6.2464-51.5584 0-93.3888 41.7792-93.3888 93.3376z" fill="#FEC00D" p-id="945"></path><path d="M890.2656 405.4016c-10.3424-3.9424-21.5552-6.2464-33.3312-6.2464-51.5584 0-93.3888 41.8304-93.3888 93.3888 0 20.736 6.8096 39.7824 18.2272 55.296 14.5408 9.8816 32.0512 15.7184 50.944 15.7184 50.0224 0 90.624-40.5504 90.624-90.624 0-23.552-9.0624-44.9536-23.808-61.0304-2.9184-2.3552-6.0416-4.5056-9.2672-6.5024z" fill="#FFC943" p-id="946"></path><path d="M888.064 439.1424c0-13.1584-2.9184-25.6-7.9872-36.9152-7.424-1.9456-15.1552-3.072-23.1424-3.072-51.5584 0-93.3888 41.8304-93.3888 93.3888 0 11.5712 2.2016 22.5792 6.0416 32.768 8.7552 2.8672 18.1248 4.4032 27.8528 4.4032 50.0736 0.0512 90.624-40.5504 90.624-90.5728z" fill="#FCD170" p-id="947"></path><path d="M458.1376 447.488h-53.248V394.24c0-32.512-26.4192-58.9312-58.9312-58.9312S287.0272 361.728 287.0272 394.24v53.248h-53.248c-32.512 0-58.9312 26.4192-58.9312 58.9312s26.4192 58.9312 58.9312 58.9312h53.248v53.248c0 32.512 26.4192 58.9312 58.9312 58.9312s58.9312-26.4192 58.9312-58.9312v-53.248h53.248c32.512 0 58.9312-26.4192 58.9312-58.9312S490.6496 447.488 458.1376 447.488z" fill="#644CF2" p-id="948"></path><path d="M458.1376 461.2608H391.168V394.24c0-24.9344-20.2752-45.1584-45.1584-45.1584s-45.1584 20.2752-45.1584 45.1584v67.0208h-67.072c-24.9344 0-45.1584 20.2752-45.1584 45.1584s20.2752 45.1584 45.1584 45.1584h67.0208v67.0208c0 24.9344 20.2752 45.1584 45.1584 45.1584s45.1584-20.2752 45.1584-45.1584v-67.0208h67.0208c24.9344 0 45.1584-20.2752 45.1584-45.1584s-20.224-45.1584-45.1584-45.1584z" fill="#DCD9FF" p-id="949"></path><path d="M456.3968 477.2352H373.3504V397.2608c0-15.5648-12.5952-28.16-28.16-28.16s-28.16 12.5952-28.16 28.16v79.9744H233.984c-15.5648 0-28.16 12.5952-28.16 28.16s12.5952 28.16 28.16 28.16h83.0464v82.0224c0 15.5648 12.5952 28.16 28.16 28.16s28.16-12.5952 28.16-28.16v-82.0224h83.0464c15.5648 0 28.16-12.5952 28.16-28.16s-12.5952-28.16-28.16-28.16z" fill="#F7F8F8" p-id="950"></path></svg>
<p class="font unicode"></p>
<p>
@font-face{
font-family : "定义字体名称",<br>
url("url 地址")
}
</p>
<p>
媒体查询顺序:<br>
1 移动端由小到大写<br>
2 PC 由宽到窄
</p>
</body>
</html>