小编wew*_*ewo的帖子

我正在为Angular 2项目使用Angular-CLI(webpack版本),我也需要使用jQuery(遗憾的是.在我的情况下,它是Semantic-UI的依赖,我用它来处理菜单下拉菜单).

我使用它的方式:

npm install jquery --save

然后列在数组中的angular-cli.json文件中scripts:

scripts": [
  "../node_modules/jquery/dist/jquery.min.js"
]

所以它被包含在bundle文件中,这个文件自动用于root html文件:

<script type="text/javascript" src="scripts.bundle.js">

然后declare var $: any;在我需要它的文件中,它运行良好.

但是ng test测试存在问题,因为Karma会抛出错误$ is not defined.

我遇到了字体问题,因为它们在Windows和OS X上都不会呈现相同的字体.在Windows上,字符在行中垂直对齐,但在OS X上,字符的位置更靠近行的顶部.我在屏幕截图中突出显示了文字,因此您可以看到差异.

我正在使用字体Gotham.有任何想法吗？我是否必须使用特定于浏览器的黑客或是字体问题？

链接到JSFiddle:http://jsfiddle.net/wewo/myh4amud/

body {
	font-family: 'Gotham', Arial, sans-serif;
	background-color: #282828;
	font-size: 14px;
	font-weight: normal;
}

div {
    color: white;
    font-size: 5em;
    padding-top: 15px;
    padding-bottom: 6px;
    line-height: 1em;
}

<div>3</div>

谢谢!