Question

在http://apps.socib.es/Leaflet.TimeDimension/examples/example12.html上，向前，向后和播放按钮内部有一个图像。但这些图像来自哪里？它们装在哪里？

在leaflet.timedimension.control.css中，它们被定义为内部有\ e072，\ e073等，但这些是“私有使用区域Unicode子集”的一部分，所以我认为，我们必须在某处定义它们。但在哪里？

Answer 1

在Developer Tools（F12）中查看此元素的样式，我看到了：

.leaflet-bar-timecontrol .leaflet-control-timecontrol:before {
    font-family: "Glyphicons Halflings";
    display: block;
}

这是一个带有图标的webfont：http://glyphicons.com/examples-of-use/

Answer 2

我开始意识到，它是在leaflet.timedimension.control.css的最开始定义的：

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot');
    src: url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('woff'), url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); }

Leaflet TimeDimension控制图像来自哪里？

2 个答案: