关于css的引入字体&轮廓属性&监听横&竖屏幕

@font-face {
 font-family:"自定义";
 src: url("字体名称体.otf");
}
div{
 font-size: 12px;
 font-family:  "自定义";
}

p{outline: 10px solid red;}
input{ outline: none;}

/*横屏*/
@media all and (orientation:landscape) {
  h1{color: red;}
}
/*竖屏*/
@media all and (orientation:portrait){
  h1{color: greenyellow;}
}