Question

我想使用font-family : comic sans MS制作我网站的彩色徽标，我不想制作我的徽标照片，我只是想用CSS和HTML来制作，我有使用@font-face：

这是我的css：

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
    url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
    url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.logo{
  font-family:'MyWebFont', Fallback, "comic sans MS"! important;
  font-size : 20px! important;
  margin-left : 33%! important;
}

.logo:visited{
  text-decoration: none! important; 
}

.logo:active{
  text-decoration : none! important;    
}

.logo:hover{
  text-decoration : none! important;
  text-shadow: -3px 1px 13px yellow;
  transition-duration : 0.2s;       
}

在桌面屏幕上，它看起来不错，漫画无味MS＆＃39;文字，但在移动设备上我的字体家庭＆＃39;漫画sans MS＆＃39;没有应用

Answer 1

适用于iphone / android手机。我认为.ttf和.svg会做的。如果你想使用它。将MyWebFont更改为Comic Sans MS。使用它的css代码应该是：

export QT_QPA_PLATFORM=${GRAPHICS}

如何使用CSS制作漫画无文字MS徽标？

1 个答案: