我只在Firefox中遇到webfonts的问题,所有其他浏览器(包括IE)都能很好地工作.
我的问题是webfonts根本不会加载.
我看过这个可能的解决方案,编辑htaccess文件(http://www.fontsquirrel.com/blog/2010/11/troubleshooting-font-face-problems),但我没有运气.
我唯一可以说的是在Firefox的错误控制台中我得到以下警告:
解析"src"的值时出错.跳到下一个宣言.
这是我的font-face代码示例:
@font-face {
font-family:AngelinaRegular;
src:url(../fonts/angelina-webfont.eot);
src:url(../fonts/angelina-webfont.eot?iefix) format(eot), url(../fonts/angelina-webfont.woff) format(woff), url(../fonts/angelina-webfont.ttf) format(truetype), url(../fonts/angelina-webfont.svg#webfontOvuhCGpN) format(svg);
font-weight:normal;
font-style:normal;
}
有任何想法吗？
我正在设计一个在移动设备上看起来与众不同的响应式网站.我的css中有三个单独的媒体查询以及视网膜显示的查询.
/** 768PX IPAD PORTRAIT **/
@media screen and (max-width: 768px) {}
/** 480PX IPHONE LANDSCAPE **/
@media screen and (max-width: 480px) {}
/** 320PX PORTRAIT **/
@media screen and (max-width: 320px) {}
/** RETINA IMAGES **/
@media all and (-webkit-min-device-pixel-ratio: 2) {}
当iPad处于纵向模式时,它将获得移动版本,但是当它处于横向模式时,它将获得该网站的常规版本.
我的问题是这个,现在使用"新iPad"和视网膜显示器,某些视网膜图像没有正确对齐视网膜iPad版本.全球视网膜css正在推翻普通的CSS,我认为这应该是.
例如,在移动版本中,我有一个以屏幕为中心的背景图像,但在常规网站上,它左对齐.
有人知道只在CSS中针对iPad定位视网膜图像的方法吗？
谢谢
编辑:这是我正在玩的东西,但它似乎不起作用:
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {}
任何人都知道如何在页面的其余部分完全加载(图像和所有内容)后启动css3动画？
我现在正在使用延迟来模仿它,但这不是我正在寻找的.
谢谢
彼得
我遇到了@ font-face的问题.它实际上在Safari,Internet Explorer 7+和Firefox for Windows上完美运行,但在firefox for mac上完全没有.
我正在使用防弹@ font-face文章中的代码
这是我的代码:
@font-face {
font-family: "QlassikMediumRegular";
src: url("../fonts/Qlassik_TB.eot");
src: local("Qlassik Medium Regular"), local("QlassikMedium"), url("../fonts/Qlassik_TB.ttf") format("truetype")
}
@font-face {
font-family: "QlassikBoldRegular";
src: url("../fonts/QlassikBold_TB.eot");
src: local("Qlassik Bold Regular"), local("QlassikBold"), url("../fonts/QlassikBold_TB.ttf") format("truetype")
}
这是我的网站的链接:链接文字
我正在尝试在地图上方添加一个按钮，以显示用户的当前位置。
基本上我想复制内置按钮的功能，但制作一个更明显的按钮。
这是我的代码：
<script>
var map = L.mapbox.map('map', 'plisvb.hopljoko');
L.control.locate({
drawCircle: true, // controls whether a circle is drawn that shows the uncertainty about the location
setView: true, // automatically sets the map view to the user's location, enabled if `follow` is true
keepCurrentZoomLevel: false, // keep the current map zoom level when displaying the user's location. (if `false`, use maxZoom)
icon: 'icon-location', // `icon-locate` or `icon-direction`
iconLoading: 'icon-spinner animate-spin', // class for loading icon
circlePadding: [0, 0], // padding …