@eclipse-scout/core/src/style/fonts.less

Eclipse Scout runtime

/*
 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
/* Font face definition for custom icon font:

See GIT history for font-face definitions. Some how it wasn't possible
to produce a consistent look on all browsers with the font-face definition.
Simply using font-family works better and is more reliable. However, we still
could use 'Open Sans' in the font-family (when it's installed on the client
system) and fall back to Arial otherwise, without downloading a WOFF file.

Try these to switch between fonts:

@defaultFont: 'Open Sans', OpenSans, Arial, sans-serif;
@defaultFont: Arial, sans-serif;
 */
@font-default-family: Arial, sans-serif;
@font-monospace-family: 'Consolas', 'Lucida Console', 'Courier', 'Courier New', monospace;

@font-weight-normal: normal;
@font-weight-bold: bold;

@font-size-extra-small: 10px;
@font-size-small: 11px;
@font-size-smaller: 12px;
@font-size-normal: 13px;
@font-size-plus: 14px;
@font-size-large: 16px;
@font-size-extra-large: 32px;

@font-size-icon-small: 14px;
@font-size-icon: 16px;
@font-size-icon-large: 24px;

@letter-spacing: 0.2px;

// Arial font is hard to vertically align, especially with icons
// This variable can be used to fix the alignment for specific widgets that can have an icon
// or are often placed to the side of widgets with icons
@text-margin-top: 1px;

// Icons aligned with line-height may use this variable.
// It should have the same size as regular text (not the font-size, the actual size)
@font-icon-line-height: 15px;

@icon-font-weight-light: 300;
@tooltip-font-weight: @font-weight-normal;

@font-face {
  font-family: scoutIcons;
  font-weight: normal;
  src: url('fonts/scoutIcons.woff') format('woff');
}

@font-face {
  font-family: scoutIcons;
  font-weight: @icon-font-weight-light;
  src: url('fonts/scoutIcons-light.woff') format('woff');
}