Giter Club home page Giter Club logo

powerline-web-fonts's Introduction

powerline-web-fonts

Powerline Web Fonts working in Secure Shell and working also on Chromebook (or pretty much anything running Chrome).

There are several font-family you can choose from (all Powerline-enabled):

See Slant if you don't know which to choose.

Usage example

Usage example for Secure Shell

  • Launch Secure Shell and click on Options (or go to chrome-extension://pnhechapfaindjhompbnflcldabbghjo/html/nassh_preferences_editor.html):
    • Set font-family: "Source Code Pro", monospace
    • Set Custom CSS (URI): https://cdn.jsdelivr.net/gh/wernight/powerline-web-fonts@ba4426cb0c0b05eb6cb342c7719776a41e1f2114/PowerlineFonts.css

Usage example for Crosh Window

  • Start crosh window then press Ctrl+Shift+J and paste in the following:
term_.prefs_.set('font-family', '"Source Code Pro", monospace');
term_.prefs_.set('user-css', 'https://cdn.jsdelivr.net/gh/wernight/powerline-web-fonts@ba4426cb0c0b05eb6cb342c7719776a41e1f2114/PowerlineFonts.css');

If you have Crouton installed on a developer mode Chromebook, or if you're on pretty much any other OS, you can install those fonts locally or copy them locally and it'll work with little to no effort.

Suggesting a new font

To add a new font, you can submit a GitHub pull request through a forked repository. Your pull request should:

  • Include a new font file in WOFF2 format.
  • Add your font to PowerlineFonts.css, preview.html and README.md (might use Transfonter to help with the CSS).
  • Once merged, send another pull request, I might forget, that updates all https://cdn.rawgit.com/ in this README to the latest commit SHA-1. You can do that in the original Pull Request if it gets rebased (merge and sqashes would not work in that case).

Converting to WOFF2

There are various methods, including:

powerline-web-fonts's People

Contributors

adrian-martinez-dev avatar alexsavage avatar icecream95 avatar jamesbvaughan avatar nakulj avatar omgmog avatar remexre avatar wernight avatar yevshev avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

powerline-web-fonts's Issues

VSCode.dev support

I didn't yet find a way to get it working, but what I got is close. However "Custom CSS and JS Loader" isn't available on vscode.dev (only VSCode desktop) and also not available on all forks. Maybe the only option right now is using a Chrome extension to inject a @import url("...");

Usage example for VSCode.dev

  1. Add extension Custom CSS and JS Loader.

  2. Add to settings.json the latest URI:

    "vscode_custom_css.imports": ["https://cdn.jsdelivr.net/gh/wernight/powerline-web-fonts..."]
    
  3. Change Setting > Terminal โ€บ "Integrated: Font Family" to something like: Iosevka, Inconsolata-g, Consolas, 'Courier New', monospace

Chrome Mosh app doesn't load `powerline-web-fonts`.

This is cross-referencing rpwoodbu/mosh-chrome#145.

The powerline-web-fonts doesn't work in the chrome mosh app. It works correctly in Secure Shell, but not in mosh.

According to rpwoodbu/mosh-chrome#145, it looks like mosh is complaining about a "Content Security Policy directive":

Refused to load the stylesheet 'https://cdn.rawgit.com/wernight/powerline-web-fonts/8040cf32c146c7cd4f776c1484d23dc40685c1bc/PowerlineFonts.css' because it violates the following Content Security Policy directive: "style-src 'self' blob: filesystem: data: chrome-extension-resource: 'unsafe-inline'".

Could this possibly be an issue with the fonts package? Does the css need to do something to make the security policy happy?

Thanks!

Screen no longer scrolls

I'm brand new to ChromeOS, but when I added the custom css url, the screen no longer scrolls up, just the last line gets overwritten.

Tmux powerline fonts still broken?

This works great with secure shell

image

but for some reason powerline fonts aren't working in tmux? any idea what might be causing this?

image

Here's my .tmux.conf:

set -g prefix C-a
unbind C-b
bind C-a send-prefix

# Fix mousing
# set -g mode-mouse on

# Vi-bindings for visual mode
setw -g mode-keys vi

# use | and - to split the windows
bind-key | split-window -h
bind-key - split-window -v

# make the first window number start at 1
set -g base-index 1

# from http://endot.org/2011/12/06/my-tmux-configuration/
# keybindings to make resizing easier
bind -r C-h resize-pane -L
bind -r C-j resize-pane -D
bind -r C-k resize-pane -U
bind -r C-l resize-pane -R

# Show pane numbers for 2s, default is too short
set -g display-panes-time 2000
set -g pane-base-index 1

# Make vim and tmux play nice together
# See README here https://github.com/christoomey/vim-tmux-navigator
is_vim='echo "#{pane_current_command}" | grep -iqE "(^|\/)g?(view|n?vim?)(diff)?$"'
bind -n C-h if-shell "$is_vim" "send-keys C-h" "select-pane -L"
bind -n C-j if-shell "$is_vim" "send-keys C-j" "select-pane -D"
bind -n C-k if-shell "$is_vim" "send-keys C-k" "select-pane -U"
bind -n C-l if-shell "$is_vim" "send-keys C-l" "select-pane -R"
bind -n C-\ if-shell "$is_vim" "send-keys C-\\" "select-pane -l"

Odd whitespace is appearing between the cursor and the characters

The problem scales as the cursor moves horizontally along the terminal, getting a little bit bigger each character. After testing all the font options in this repo, the cursor will now move backwards into the text, see attached image. Using source code pro.
This font worked for a while but has been broken for a month or so now. Please help!
screenshot 2018-11-30 at 1 45 43 pm
screenshot 2018-11-30 at 1 45 50 pm
image

Update instructions because RawGit is EOL

The instructions for this project need to be updated to use another CDN in front of GitHub. From the RawGit web site:

October 8, 2018
RawGit is now in a sunset phase and will soon shut down. It's been a fun five years, but all things must end.

GitHub repositories that served content through RawGit within the last month will continue to be served until at least October of 2019. URLs for other repositories are no longer being served.

If you're currently using RawGit, please stop using it as soon as you can.

Of the choices suggested on the RawGir page, jsDelivr seems to work for this purpose. It has a migration applet that can help update references to use jsDelivr URLs instead of RawGit.

E.g.: https://cdn.jsdelivr.net/gh/wernight/powerline-web-fonts@ba4426cb0c0b05eb6cb342c7719776a41e1f2114/PowerlineFonts.css

Pull request to add Cousine Powerline

I've already created a branch (add-cousine) on a local copy of the repository. I also made the necessary changes: add fonts, modified PowerlineFonts.css, README.md, and preview.html.

It just won't allow me to push the branch. It gives me this error:

Please make sure you have the correct access rights
and the repository exists.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.